Cobalt Market color palette — #F7F0EA · #AFD0C5 · #5F77C3 · #005B5A · #25173D
A conversation between Azure and Peacock, giving this palette its sense of creativity and sophistication.
The five colors
- Cream (#F7F0EA): bright and airy, almost weightless.
- Oat (#AFD0C5): A whisper-light, dusty teal — the color of glacier melt.
- Azure (#5F77C3): A full-bodied, balanced violet — the color of wild irises.
- Peacock (#005B5A): A full-bodied, dusty teal — the color of sea glass.
- Deep Indigo (#25173D): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Creativity, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Cobalt Market 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
- Hushed Cobalt color palette (#FBF4EA, #A8CFC2, #3778CB, #005D6E, #2E385C)
- Softworn Forest color palette (#FAEFEB, #B6CFB8, #0088B0, #00602C, #09203E)
- Hushed Lantern color palette (#FBEFE7, #84C6E1, #0270D5, #005347, #180052)
- Patina Iris color palette (#FCF2F6, #B8D9F6, #7891DF, #007C7B, #343758)
- Patina Denim Studio color palette (#F3E2DA, #4297A9, #004E79, #002D1F, #01001D)
- Wandering Spruce color palette (#EEE1DE, #88A588, #00627A, #003D0E, #000B1C)
- Navy Archive color palette (#F7EBDF, #537DA2, #29278D, #001F20, #020007)
- Weathered Emerald color palette (#EBF2E1, #56A06D, #007C65, #00464A, #002431)
Browse the whole catalog at Explore, or see today's palette.