Cobalt Coast color palette — #FFF0F8 · #99CEE4 · #507BAE · #006153 · #363659
A conversation between Slate and Pine, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Sky (#99CEE4): A whisper-light, dusty blue — the color of deep harbor water.
- Slate (#507BAE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#006153): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#363659): 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
- Softworn Aqua Ridge color palette (#FFF0FB, #00CEE5, #0076A9, #00593A, #192E67)
- Softworn Cypress color palette (#FCF2F5, #C1E0FF, #7C86BA, #116F74, #44455D)
- Hushed Cerulean color palette (#F1F3E7, #B0D0C0, #4684A5, #005967, #00233A)
- Tempered Lagoon color palette (#F1F5FF, #F4C8EF, #E2A498, #4C7998, #43425B)
- Violet Orchard color palette (#DDE3FF, #8159E2, #617706, #106636, #252943)
- Antique Lagoon Terrace color palette (#FAF4F0, #C8E9D8, #84B7E7, #00A09A, #2A3765)
- Softworn Lagoon color palette (#E8DAE7, #00A3A9, #00516B, #003214, #001330)
- Worn Corridor color palette (#F9E4EC, #59A8D5, #254EB1, #003E3A, #221246)
Browse the whole catalog at Explore, or see today's palette.