Cobalt Coast color palette — #F7F6EA · #96AA70 · #5D81BE · #874D7A · #36312B
A conversation between Cerulean and Graphite, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F7F6EA): bright and airy, almost weightless.
- Sage (#96AA70): A luminous, balanced green — the color of a quiet forest floor.
- Cerulean (#5D81BE): A luminous, balanced violet — the color of wild irises.
- Graphite (#874D7A): A full-bodied, balanced pink — the color of neon signs at night.
- Espresso (#36312B): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, 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
- Muted Lime color palette (#E9F9F5, #A5C572, #708DC5, #736387, #2D1C22)
- Worn Bronze Loft color palette (#F1F7ED, #71B9A8, #9478B0, #9D5755, #393831)
- Muted Petrol color palette (#FBF4EB, #C4A471, #3F98A9, #6B62A3, #47302A)
- Timeworn Lagoon color palette (#F3F7EC, #5E9C74, #007079, #6A3750, #33342D)
- Tempered Hollow color palette (#ECF9F3, #BFCC68, #C291CC, #9977A0, #382E3B)
- Fern Villa color palette (#FCF4E8, #A5C9A5, #5FA098, #825F91, #3D5007)
- Byzantium Hollow color palette (#EFF9E7, #369D74, #8E51AE, #881C1B, #261E00)
- Powdered Clover color palette (#F5F8DD, #45B63B, #694CCA, #A00059, #2C1F00)
Browse the whole catalog at Explore, or see today's palette.