Cobalt Field color palette — #FDF3EE · #ADCEBB · #3D7DB5 · #00624D · #303662
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FDF3EE): bright and airy, almost weightless.
- Pistachio (#ADCEBB): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#3D7DB5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#00624D): A full-bodied, balanced teal — the color of sea glass.
- Navy (#303662): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Aged Orchard color palette (#FFF2ED, #75C7CD, #0078A0, #005A2F, #002E70)
- Muted Cobalt color palette (#EDF4EE, #9AD1E3, #1C86B5, #005B5B, #07223A)
- Ancient Cypress color palette (#FAF4EE, #C4E5DA, #7A88B6, #007171, #4D3F66)
- Worn Pier color palette (#F3EDE7, #90BCB0, #535DB6, #004F52, #372050)
- Ancient Spruce color palette (#F3E2DE, #539E9B, #005266, #003308, #00142A)
- Sky Courtyard color palette (#FCF2F8, #A8EDFF, #6BB9F8, #589B83, #2B3A58)
- Aged Ultramarine color palette (#E7DDD6, #7EAA96, #0053AF, #003F37, #1E0D52)
- Weathered Indigo Corridor color palette (#FFF1F2, #FAC4C4, #D0AE6B, #7961AD, #57342D)
Browse the whole catalog at Explore, or see today's palette.