Cobalt Coast color palette — #F2F7EE · #7FBEA6 · #6067AF · #007155 · #301D2A
A conversation between Slate and Pine, giving this palette its sense of creativity and calm.
The five colors
- Ivory (#F2F7EE): bright and airy, almost weightless.
- Mint Leaf (#7FBEA6): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#6067AF): A full-bodied, balanced violet — the color of twilight just after sunset.
- Pine (#007155): A full-bodied, balanced teal — the color of shallow lagoons.
- Onyx (#301D2A): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Creativity, Calm, Sophistication. Tagged duotone, muted, cool.
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
- Pewter Meadow color palette (#EFF8F0, #78BCBE, #915399, #006D71, #331C21)
- Dusty Fern Market color palette (#F7F5EB, #AAB674, #6167AF, #5C6700, #2D1F29)
- Cobalt Corridor color palette (#E8F4F7, #54C9C0, #2278C3, #00746E, #060F18)
- Antique Loft color palette (#F2F7F1, #80D6CE, #4692E6, #00948C, #2A202A)
- Misty Plum Bloom color palette (#ECF9F0, #2FB3D0, #BB003F, #006072, #331107)
- Washed Petrol color palette (#FFF3E4, #4CAB98, #376BA9, #684600, #2A4431)
- Softworn Nightshade color palette (#DBFFEE, #65BCB8, #1182AB, #3645A0, #532270)
- Washed Petrol Grove color palette (#F1F7F2, #D2DDDF, #CFBDBF, #1E838B, #404B41)
Browse the whole catalog at Explore, or see today's palette.