Cobalt Coast color palette — #FCF3EE · #B0D9C3 · #0985CF · #006760 · #2B3D6C

Built around Cerulean, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Ivory (#FCF3EE): a clean, paper-quiet neutral.
• Oat (#B0D9C3): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#0985CF): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#006760): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#2B3D6C): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Powdered Forest Pier color palette (#FFF2EC, #9CDCD8, #008FA4, #006B3A, #004663)
• Patina Cerulean color palette (#E7F5F4, #A4D9ED, #008FBD, #00606B, #00283E)
• Cobalt Bloom color palette (#FEF3EB, #79C3E3, #0070C1, #005654, #202A6D)
• Petrol Basin color palette (#FAF4EF, #CEE3E5, #839AC2, #007E87, #624A59)
• Feathered Sky color palette (#FFF0F9, #BDEDFF, #6CBEFF, #00A79B, #2E3E65)
• Wandering Station color palette (#F0E5DF, #67ACAC, #006275, #004027, #002236)
• Dusty Clover color palette (#E1EBCD, #6FBB50, #008A56, #00614F, #094559)
• Abyss Harbor color palette (#E9DED9, #6E896B, #00454F, #00240F, #000B13)

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