Cobalt Field color palette — #F0F8EB · #00A187 · #1177CB · #4E3F87 · #170406
Built around Royal Blue, softened by Fern — the whole palette hums with trust and stability.
The five colors
- Ivory (#F0F8EB): bright and airy, almost weightless.
- Fern (#00A187): A luminous, balanced teal — the color of sea glass.
- Royal Blue (#1177CB): A full-bodied, balanced blue — the color of deep harbor water.
- Indigo (#4E3F87): A full-bodied, balanced violet — the color of a velvet chair.
- Ink (#170406): A deep, shadowed, dusty red — the color of embers at dusk.
Feels like: Trust, Stability, Creativity, Balance. Tagged jewel, vibrant.
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
- Dusty Moss Veranda color palette (#F5F7E3, #53A446, #00839E, #134084, #1A070E)
- Hazy Indigo color palette (#E9FAEE, #00A9C1, #6D5ADC, #722875, #1D0703)
- Airy Courtyard color palette (#FFF1F1, #CC67AA, #00809D, #22479C, #1C060E)
- Powdered Emerald Canyon color palette (#FCF6DA, #96C778, #009659, #005975, #212405)
- Muted Aubergine Canyon color palette (#E4F7ED, #877400, #004F7A, #521461, #13030F)
- Muted Indigo color palette (#E9FBEC, #DD7B59, #6260CE, #612574, #150201)
- Quiet Mustard Hollow color palette (#FCF4E5, #C1AC00, #8583DB, #6B6BAB, #2B1511)
- Pine Alley color palette (#F2F8E7, #007E50, #005E3B, #302369, #261900)
Browse the whole catalog at Explore, or see today's palette.