Cobalt Field color palette — #D0E0F2 · #2F7FD8 · #796B00 · #00488B · #2F2900

A conversation between Azure and Indigo, giving this palette its sense of nature and growth.

The five colors

• Frost (#D0E0F2): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#2F7FD8): A full-bodied, balanced blue — the color of open sky before noon.
• Olive (#796B00): A full-bodied, balanced green — the color of new leaves after rain.
• Indigo (#00488B): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#2F2900): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

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

• Nightshade Station color palette (#E7EEFF, #7D85D5, #9B7000, #4544B1, #473100)
• Softworn Quarry color palette (#C8E2F5, #0089BC, #B04200, #00506F, #491600)
• Antique Corridor color palette (#D8DCF9, #905FD8, #786B00, #5C15A2, #2F2900)
• Tempered Terrace color palette (#E0ECFF, #3E5CD9, #795800, #3D5015, #121C3E)
• Hazy Basin color palette (#F3F4FF, #A991D4, #9A8B00, #7252A2, #494317)
• Sunlit Indigo color palette (#ECDEEA, #456FFF, #B82A61, #233D93, #29000F)
• Tempered Delta color palette (#F8F2FF, #E05AAE, #009383, #A20076, #00453D)
• Washed Sapphire Garden color palette (#EED5EB, #82AEFF, #E09D1E, #3C72DB, #392400)

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