Cobalt Field color palette — #F9EAE3 · #96BCA3 · #007EAF · #005B4C · #001D46

Cerulean takes the lead with Midnight close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F9EAE3): bright and airy, almost weightless.
• Sage (#96BCA3): A luminous, dusty teal — the color of sea glass.
• Cerulean (#007EAF): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005B4C): A full-bodied, dusty teal — the color of glacier melt.
• Midnight (#001D46): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. 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

• Antique Indigo color palette (#F0E6DC, #8ABEAF, #4C6DCF, #005862, #201445)
• Softworn Cobalt color palette (#F6ECE6, #9ACDE6, #3B89D8, #006C6B, #20285B)
• Weathered Cobalt color palette (#FEF0FA, #79DDF1, #0084B7, #005345, #000C23)
• Patina Turquoise Cabin color palette (#DBECE9, #58ADBE, #006178, #003E40, #002331)
• Ancient Lagoon color palette (#FBF3F0, #D0E4DE, #7CBCD0, #589577, #315248)
• Washed Azure color palette (#FFF2EB, #ABE6F8, #42A4E4, #008477, #203D77)
• Chalky Terrace color palette (#EFE4CE, #A28300, #7556E0, #645000, #1D054B)
• Faded Quarry color palette (#E7ECDD, #728A18, #006EAE, #6F00A7, #0F1400)

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