Konversi Warna
#c0ffeeSeafoam Macchiato
Babagan werna iki
Light, restorative optimism
A whisper-light mint-cyan that reads as cooled seafoam—soft, translucent, and almost luminous. It evokes a breezy, restorative calm with a wink of playful refreshment.
Tips desainer: Use #C0FFEE as a subtle accent layer: apply it at 10–18% opacity as an overlay on warm product photos to cool highlights and unify palettes without flattening contrast.
Kasus panggunaan paling apik: As an accent color for wellness and spa packaging labels—paired with matte charcoal type and uncoated paper it reads as clean, premium, and restorative.
Psikologi
Sifat psikologis lan asosiasi emosional
Efek
In a space or interface this color cools and lifts visual temperature, making environments feel more open and breathable. Because it’s very light, it expands perceived space and reduces visual weight when used on surfaces and accents.
Dampak emosional
Viewers typically feel briefly uplifted and soothed, like a shallow intake of fresh air.
Makna & simbolisme
Simbolisme lan makna budaya
Pentingnya budaya
In Western contexts this pale mint reads as healthful and fresh (spa, food, eco). In East Asian ceramic traditions, similar soft greens (celadon) signify refinement and calm. In Islamic and some Mediterranean contexts green/teal tones connote fertility and protection, though the pale tone here emphasizes delicacy rather than power.
Asosiasi positif
Associated with health and freshness in Western branding, with refinement in East Asian ceramic traditions (China/Korea/Japan), and with positive spiritual connotations in Islamic cultures.
Asosiasi negatif
Can read as juvenile or toy-like if overused in luxury contexts (Western fashion/beauty), and in clinical settings (Western hospitals) very pale greens can feel sterile rather than comforting.
Aplikasi desain
Kepiye warna iki digunakake ing macem-macem bidang
Wellness & Spa Packaging
Use as the primary label accent on matte paper to suggest cool purity and restorative ritual; it pairs well with charcoal typography and minimal iconography to feel premium.
Mobile App Accent (UI)
Apply for micro-interactions (toggles, success states, subtle badges) where high perceived brightness keeps the UI airy without demanding strong contrast.
Boutique Retail Interiors
Introduce as a trim or upholstery accent in pastel doses to lift retail zones and make small spaces feel larger and fresher.
Food & Beverage Branding
Use sparingly on cold-drink cartons, iced-tea labels, or café menus to signal cool refreshment and artisanal restraint.
Print Collateral for Wellness Brands
Print as a spot varnish or pale flat ink on uncoated stock to create tactile contrast between soft color and tactile paper, reinforcing natural quality.
Pandhuan desain
Tips praktis kanggo nggunakake warna iki kanthi efektif ing desain sampeyan
Lakoni iki
- + Use as a small-to-medium accent at 5–25% surface coverage for balance (buttons, badges, edge trims).
- + Pair with deep charcoal typography (#2E2E2E) for accessible contrast and a premium feel.
- + Apply as a translucent overlay (10–18% opacity) on warm imagery to cool highlights and unify scenes.
Aja nglakoni iki
- - Don’t set large bodies of small, fine text directly on this color—low contrast will harm readability.
- - Avoid pairing with bright lemon yellow or saturated lime greens which create visual discord with the pastel temperature.
- - Don’t rely on this hue alone to convey seriousness in conservative finance or legal brands; it reads too casual on its own.
Dasar-Dasar: Maintain strong contrast — pair the lightness of #C0FFEE with at least one mid-dark anchor to preserve legibility and perceived value.
Risiko panggunaan sing berlebihan: When this color dominates a design it can read insubstantial or toy-like and reduce perceived seriousness; surfaces may also feel overly clinical. Use it as a light, intentional accent rather than the sole brand color.
Pas karo merek
Industri lan arketipe merek sing selaras karo warna iki
Tingkat kepercayaan
medium
Keseriusan
balanced
Tren
Pasangan warna
Werna-werna sing nglengkapi lan ningkatake warna iki
#FFB3C0
Soft coral complementary — creates a gentle complementary contrast that brings warmth without clashing (complementary harmony).
#C0C0FF
Pale periwinkle triadic partner — adds a cool, harmonious pop while keeping pastel balance (triadic harmony).
#00C2A3
Deeper teal analogous accent — grounds the palette and deepens perceived depth while staying in the same hue family (analogous harmony).
Pitunjuk tipografi: Use a neutral grotesque sans (e.g., Inter or Helvetica Neue) in Medium–Bold weights for headlines and Charcoal/Dark Slate body copy (16–18px at 400–500). For labels, a rounded sans in 500 weight complements the softness without losing clarity.
Pentinge sejarah
Crita lan warisan warna iki
Pale minty-azure tones similar to #C0FFEE trace back to ancient ceramic glazes—East Asian celadon wares and Mediterranean faience produced soft green-blues using copper and iron glazes that read as delicate mint under certain kiln conditions. These surfaces were prized for a subtle luminosity that resembles modern pale mint.
Through the 19th and 20th centuries, lighter green-blues appeared in decorative arts and glasswork (Tiffany glass, Art Nouveau palettes) and later in mid-century modern interiors and 1960s pastels; the availability of zinc white and synthetic blue/green pigments made consistently pale, stable tints possible for mass production. Designers used these tones to evoke coastal leisure and hygienic modernity in architecture and product design.
In contemporary practice the exact hue of Seafoam Macchiato thrives in digital-first branding and wellness product design: screens reproduce its light luminosity, and manufacturers achieve it in packaging and textiles via blendable CMYK and dye formulations. Its modern relevance is tied to trends favoring airy pastels, eco-conscious cues, and breathable UI accents that read as both fresh and understated.
Variasi
Tujuan bagean iki yaiku kanggo ngasilake warna kanthi akurat (tambah putih murni) lan warna (tambah ireng murni) saka warna sing dipilih kanthi tambahan 10%.
Tip Pro: Gunakake nuansa kanggo status hover lan bayangan, tints kanggo sorotan lan latar mburi.
Shades
Variasi sing luwih peteng digawe kanthi nambahake ireng ing werna dhasar sampeyan.
Tints
Variasi sing luwih entheng digawe kanthi nambahake putih ing werna dhasar.
Kasus Penggunaan Umum
- • Status komponen UI (hover, active, disabled)
- • Nggawe ambane kanthi bayangan lan sorotan
- • Nggawe sistem warna sing konsisten
Tip Sistem Desain
Variasi kasebut mbentuk pondasi palet warna sing kohesif. Ekspor kanggo njaga konsistensi ing kabeh proyek sampeyan.
Kombinasi Warna
Saben harmoni nduweni swasana dhewe. Gunakake harmoni kanggo brainstorming kombinasi warna sing bisa digunakake bebarengan.
Carane Gunakake
Klik ing sembarang werna kanggo nyalin nilai hex sawijining. Kombinasi kasebut dibuktekake kanthi matematis kanggo nggawe harmoni visual.
Apa Iku Penting
Harmoni warna nggawe keseimbangan lan nggawe emosi tartamtu ing desain sampeyan.
nglengkapi
A werna lan ngelawan ing rodha werna, +180 derajat hue. Kontras dhuwur.
Pamisah-pelengkap
A werna lan loro jejer kanggo nglengkapi sawijining, +/-30 derajat hue saka Nilai ngelawan werna utama. Kandel kaya pelengkap lurus, nanging luwih serbaguna.
Triad
Telung warna kanthi jarak sing rata ing sadawane roda warna, saben 120 derajat hue. Paling apik kanggo ngidini siji werna kanggo dominasi lan nggunakake liyane minangka aksen.
Analog
Telung werna saka luminance padha lan jenuh karo hues sing jejer ing rodha werna, 30 derajat loro. transisi Gamelan.
Monochromatic
Telung werna saka hue padha karo nilai luminance +/-50%. Subtle lan olahan.
Tetradic
Rong set warna pelengkap, dipisahake kanthi 60 derajat hue.
Prinsip Teori Warna
imbangan
Gunakake siji werna dominan, dhukungan karo sekunder, lan logat sparingly.
Kontras
Priksa manawa kontras cukup kanggo maca lan aksesibilitas.
Harmoni
Werna kudu bisa bebarengan kanggo nggawe pengalaman visual sing manunggal.
Pemeriksa Kontras Warna
Tes kombinasi warna kanggo mesthekake yen cocog karo standar aksesibilitas WCAG kanggo keterbacaan teks.
Warna Teks
Werna latar mburi
Kontras
Standar WCAG
Pemeriksa Kontras Lanjut
Setel kanthi panggeser, macem-macem pratinjau & liya-liyane
Kabeh wong Genius. Nanging yen sampeyan ngadili iwak saka kemampuane kanggo menek wit, bakal urip kabeh urip kanthi percaya yen iku bodho.