Quiet Coast color palette — #D2EDF7 · #009CD0 · #00618D · #003C64 · #001D3E

Cerulean takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#D2EDF7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#009CD0): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#00618D): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#003C64): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#001D3E): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. Tagged cool.

Use it as a design system

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

• Azure Meadow color palette (#CDE9F6, #04AEED, #0081C1, #005C9B, #002C60)
• Tempered Ridge color palette (#C3EFEC, #009AA0, #006872, #00434E, #00222B)
• Antique Cerulean Harbor color palette (#E6F4FF, #87B7DC, #598BBC, #3B5881, #263752)
• Chalky Aubergine color palette (#C0EDEF, #00A8C8, #006799, #003C87, #42026E)
• Tempered Station color palette (#CDE4FC, #0189EB, #C3188C, #004E89, #2E001E)
• Tempered Nightshade color palette (#DEEEFC, #0091F3, #005CB8, #040CA4, #0D0057)
• Soft Byzantium Parlor color palette (#E3F0FF, #0071D0, #9B00B9, #005F59, #000E23)
• Dusty Pier color palette (#C8FAFF, #05C2EF, #0089BE, #0042BF, #160062)

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