Cobalt Field color palette — #F9F0EA · #AED1C0 · #567EB2 · #005D50 · #331328

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

The five colors

• Cream (#F9F0EA): bright and airy, almost weightless.
• Pistachio (#AED1C0): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#567EB2): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#005D50): A full-bodied, dusty teal — the color of sea glass.
• Deep Indigo (#331328): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, 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

• Cerulean Atelier color palette (#FBEFEB, #AFD2B1, #2B87A8, #235D34, #07203F)
• Softworn Courtyard color palette (#F8F0E8, #BFE6DB, #828AB7, #126B6F, #40212D)
• Washed Courtyard color palette (#FCF0E4, #A3D6FF, #667BD4, #006262, #2D1749)
• Raspberry Dune color palette (#DEEFD9, #00A898, #AB5B96, #006359, #33062A)
• Tempered Coast color palette (#F0F7F1, #D9D5E1, #68AEE1, #007E85, #192F4C)
• Wandering Denim color palette (#F9E2DA, #52979A, #00516B, #002E13, #000411)
• Softworn Navy color palette (#EBDDD3, #45809F, #0F3480, #001F1D, #020009)
• Linen Jade color palette (#F0F2D4, #6BAF68, #007D5A, #004F4B, #002830)

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