Cobalt Field color palette — #FBF2F7 · #94DAF4 · #0085D3 · #006761 · #2D3D69

Azure takes the lead with Pine close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Ice Blue (#94DAF4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Azure (#0085D3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#006761): A full-bodied, balanced teal — the color of sea glass.
• Navy (#2D3D69): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Dusty Harbor color palette (#FFF0FA, #99DDD9, #008FA5, #006B3C, #004563)
• Timeworn Cerulean Corridor color palette (#F0F4E3, #86DDFF, #008EC1, #00606D, #002840)
• Dusty Cobalt Thicket color palette (#FFF0F8, #5AC5F4, #006FC5, #005655, #222A6B)
• Periwinkle Courtyard color palette (#FAF3F5, #D9DEEF, #7899D3, #367A81, #4A5268)
• Antique Denim Harbor color palette (#ECE1E7, #4E9BB1, #004F76, #00302A, #000E3B)
• Chalky Sky Study color palette (#FCF4E8, #BFEDFF, #5EC1FF, #00A5AA, #17406F)
• Tempered Workshop color palette (#DAFDFF, #8CF8FF, #74B5FF, #5E873C, #024C47)
• Washed Clover Veranda color palette (#E3ECD6, #44C34D, #008F5F, #005C4E, #054156)

Browse the whole catalog at Explore, or see today's palette.