Cobalt Field color palette — #FBF2FA · #BCF4DB · #5F75A5 · #26375E · #170B15
Built around Slate, softened by Navy — the whole palette hums with creativity and calm.
The five colors
- Ivory (#FBF2FA): bright and airy, almost weightless.
- Mint (#BCF4DB): A whisper-light, dusty teal — the color of sea glass.
- Slate (#5F75A5): A full-bodied, dusty violet — the color of wild irises.
- Navy (#26375E): A deep, shadowed, dusty violet — the color of wild irises.
- Ink (#170B15): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Creativity, Calm, Sophistication. Tagged luxury, dark, muted, cool.
Use it as a design system
One click turns Cobalt Field 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
- Patina Navy color palette (#FCF2F5, #F2D6C3, #7F6C9A, #422B5D, #190A10)
- Cerulean Studio color palette (#EDF9F0, #B8EDD8, #0E8595, #004049, #06130A)
- Weathered Denim Summit color palette (#EBF2FD, #CEAF6C, #39528C, #19273E, #070D15)
- Washed Pier color palette (#EFF6FF, #6DC2A0, #3C507D, #222E42, #1A1923)
- Iris Studio color palette (#FAF2F9, #EFD295, #7393DA, #4F628B, #281E26)
- Iris Study color palette (#FBF2F6, #EAD5ED, #C386B8, #8B78D9, #210A0D)
- Tempered Thicket color palette (#FFF1F1, #FBC1A6, #93436E, #48092F, #0E0001)
- Moonless Courtyard color palette (#FFE7F6, #CF6979, #221471, #0E0203, #01000A)
Browse the whole catalog at Explore, or see today's palette.