Cobalt Coast color palette — #F9F3F8 · #E3CEAD · #677DAB · #5E435A · #31282F
A conversation between Slate and Charcoal Brown, giving this palette its sense of creativity and sophistication.
The five colors
- Ivory (#F9F3F8): a clean, paper-quiet neutral.
- Wheat (#E3CEAD): A whisper-light, dusty gold — the color of honey in a jar.
- Slate (#677DAB): A full-bodied, dusty violet — the color of wild irises.
- Charcoal Brown (#5E435A): A full-bodied, dusty pink — the color of a candy shop window.
- Onyx (#31282F): a grounded near-black with real depth.
Feels like: Creativity, Sophistication. Tagged luxury, dark, 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
- Cerulean Parlor color palette (#EFF6FF, #CEDFCE, #7486AC, #3B4759, #161C24)
- Patina Pewter Veranda color palette (#FFF1F4, #98D3BC, #856197, #533363, #2C1D21)
- Lagoon Study color palette (#EDF8F5, #F0C7B2, #55897C, #2E564C, #202F2B)
- Patina Sand color palette (#FCF2FA, #F7DA9F, #889ECC, #786676, #322830)
- Washed Denim Terrace color palette (#F0F6FE, #D3BE92, #435C92, #2C394D, #24232D)
- Cornflower Courtyard color palette (#F8F3F8, #B8D3F9, #CC8684, #588DD9, #332C29)
- Wandering Olive color palette (#FEF2F2, #C18AB1, #A6708D, #547A37, #3E2E38)
- Patina Meadow color palette (#FAF3F6, #E0D8D6, #B8B5A7, #9C94C4, #594F54)
Browse the whole catalog at Explore, or see today's palette.