Cobalt Coast color palette — #FEF2EC · #ADCEB9 · #3A7EB2 · #00624A · #2F375D

A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FEF2EC): bright and airy, almost weightless.
• Pistachio (#ADCEB9): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#3A7EB2): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#00624A): A full-bodied, balanced teal — the color of sea glass.
• Navy (#2F375D): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Navy Atelier color palette (#FFF2EE, #6FC8CD, #00789E, #005A2C, #02306A)
• Hushed Cerulean Canyon color palette (#EDF4EE, #A7CEE1, #0087B3, #005C58, #04223B)
• Antique Sapphire color palette (#F6EDE4, #90BCAE, #4B5FB9, #004F50, #352054)
• Cobalt Cabin color palette (#FAF4EF, #C7E4D9, #6D89C6, #00716C, #5F3B4D)
• Washed Azure color palette (#FAF4EB, #A6DFEE, #00A3D7, #007C77, #0E4439)
• Hushed Sky Chapel color palette (#FBF2F8, #B0ECF9, #71BAEF, #599B80, #2D3A54)
• Washed Denim Summit color palette (#FFF1F2, #F4CDBF, #CDAE7E, #645AA1, #53332E)
• Timeworn Navy color palette (#F2E6DF, #638B75, #003E6E, #00231B, #06002B)

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