Hazy Coast color palette — #DBE7C8 · #009F6D · #3447E5 · #030037 · #00010C

A conversation between Cobalt and Fern, giving this palette its sense of creativity and calm.

The five colors

• Celadon Mist (#DBE7C8): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#009F6D): A luminous, balanced teal — the color of shallow lagoons.
• Cobalt (#3447E5): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Indigo (#030037): A deep, shadowed, balanced violet — the color of wild irises.
• Black (#00010C): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Creativity, Calm, Energy, Balance. Tagged neon, dark, vibrant, cool.

Use it as a design system

One click turns Hazy Coast into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Aubergine Lantern color palette (#EBEFFF, #3C9D5C, #4D358A, #1A0040, #01000F)
• Weathered Cobalt color palette (#D5EAD7, #778900, #007BCA, #001022, #000206)
• Washed Byzantium Lantern color palette (#D0EBCF, #009C8B, #9100C2, #1B0027, #02000B)
• Pale Pier color palette (#DBEDF5, #00B69A, #A671FF, #3B2B58, #03030D)
• Charred Ultramarine Station color palette (#DEF3E6, #755A00, #3400E8, #150509, #030002)
• Antique Canyon color palette (#E5E7F6, #7851C1, #785E00, #005059, #03000B)
• Hushed Bronze color palette (#E2EACD, #BE6300, #00859E, #00171D, #000204)
• Byzantium Ridge color palette (#D2EDD3, #BF6800, #8E00E3, #110617, #010008)

Browse the whole catalog at Explore, or see today's palette.