Cobalt Coast color palette — #FEF3EC · #A9CFBB · #477EA9 · #006059 · #2B395B

Built around Slate, softened by Pine — the whole palette hums with trust and stability.

The five colors

• Ivory (#FEF3EC): a clean, paper-quiet neutral.
• Pistachio (#A9CFBB): A whisper-light, dusty teal — the color of glacier melt.
• Slate (#477EA9): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#006059): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#2B395B): A deep, shadowed, dusty violet — the color of wild irises.

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

• Cobalt Lagoon color palette (#F9F4EF, #C4E5DA, #6C89C4, #006F79, #454368)
• Tempered Parlor color palette (#E9F5F3, #A8CEE3, #0087B3, #005A64, #042337)
• Timeworn Sapphire color palette (#F5EDE5, #8CBDB1, #4E60B3, #004E5B, #302551)
• Azure Orchard color palette (#F4F7EB, #B8DFC9, #00A3D7, #007A87, #104436)
• Abyss Thicket color palette (#F4E7E0, #619B9A, #005362, #00321C, #001624)
• Patina Sky Alley color palette (#FBF2F7, #BCE7FF, #6BBAF4, #2AA092, #2A3A5A)
• Antique Teal color palette (#CDFFF1, #56B49B, #007469, #00433A, #002D26)
• Softworn Plum Chapel color palette (#EAF2E1, #3AA37A, #AD5686, #006747, #52223D)

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