Cobalt Field color palette — #FEF1F7 · #8FD9FF · #487DD6 · #00675E · #3F3867
A conversation between Azure and Ice Blue, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FEF1F7): bright and airy, almost weightless.
- Ice Blue (#8FD9FF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
- Azure (#487DD6): A full-bodied, balanced violet — the color of twilight just after sunset.
- Pine (#00675E): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#3F3867): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Washed Cerulean color palette (#FBF2F7, #BEE3F5, #5390C0, #307059, #394865)
- Hazy Courtyard color palette (#FFF1F6, #5FC3FD, #3761DC, #005652, #372560)
- Powdered Cobalt Pier color palette (#F0F4E4, #A2D8F7, #138ACE, #005F74, #002647)
- Hushed Market color palette (#EADDE8, #009299, #004359, #00240E, #00081E)
- Dusty Quarry color palette (#ECDBE3, #009EC8, #00488D, #003129, #12043F)
- Faded Veranda color palette (#E4FAFF, #00AAA2, #C93F9C, #006B65, #5D2048)
- Weathered Powder color palette (#DAFFF0, #C8E2FB, #A1ABFF, #697333, #0A4F49)
- Frosted Powder color palette (#FDF3EC, #C3F0DD, #83B9FF, #00A5A8, #333876)
Browse the whole catalog at Explore, or see today's palette.