Cerulean Coast color palette — #FAE4D8 · #189FBC · #004D7F · #003125 · #0B0B39

Cerulean and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#FAE4D8): A whisper-light, dusty gold — the color of old brass.
• Cerulean (#189FBC): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#004D7F): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Forest (#003125): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#0B0B39): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Cerulean 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

• Nightshade Courtyard color palette (#F0E6DC, #4C95D2, #34399D, #002F31, #1C0631)
• Denim Quarry color palette (#D7E9E7, #5594A7, #00516A, #002B2F, #00050A)
• Hushed Petrol color palette (#E1E5D1, #6FACBE, #007191, #00494F, #001623)
• Misty Studio color palette (#E8DDE4, #72BCD2, #008BCE, #006E62, #000C3E)
• Faded Petrol Basin color palette (#FAEBE4, #60C1D5, #006FA6, #005239, #1E2A54)
• Wandering Cerulean Atelier color palette (#FFF2ED, #67E4EC, #008BB8, #156A3C, #264067)
• Weathered Chestnut color palette (#F8DBC2, #8E4B00, #00565F, #462200, #001316)
• Worn Amber Lantern color palette (#FEDCD3, #BE9513, #3E8749, #721643, #291200)

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