Cobalt Coast color palette — #E5E8DA · #70B2B9 · #767AAC · #6B5B2A · #3D3933
A conversation between Slate Blue and Coffee, giving this palette its sense of nature and growth.
The five colors
- Parchment (#E5E8DA): a clean, paper-quiet neutral.
- Cyan (#70B2B9): A luminous, dusty blue — the color of deep harbor water.
- Slate Blue (#767AAC): A full-bodied, dusty violet — the color of twilight just after sunset.
- Coffee (#6B5B2A): A full-bodied, dusty green — the color of new leaves after rain.
- Charcoal (#3D3933): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged vintage, retro, 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
- Periwinkle Lantern color palette (#CEEEF3, #89AEE4, #9D6D9A, #456333, #35352E)
- Ancient Cerulean color palette (#EEE3C7, #80B894, #258BA3, #805136, #582F16)
- Tempered Pier color palette (#D6FFF7, #97C7E2, #7B81A9, #6B502A, #352100)
- Basalt Atelier color palette (#DCE9C4, #A7C5AC, #A2809B, #646B3B, #4E4100)
- Muted Pier color palette (#D9E8D2, #479BC9, #7D619C, #4C4D19, #322A07)
- Ancient Petrol Thicket color palette (#CFEDFB, #609CC3, #5C699F, #6D3935, #492B37)
- Tempered Loft color palette (#E8FBED, #E5D1E3, #C3A4AB, #75846B, #45513E)
- Airy Forest color palette (#F7ECE9, #8FD3CF, #0095B5, #1F7025, #032F53)
Browse the whole catalog at Explore, or see today's palette.