Cobalt Field color palette — #E6F4FF · #0E80B3 · #753973 · #582E00 · #003618

Built around Cerulean, softened by Mulberry — the whole palette hums with nature and growth.

The five colors

• Ivory (#E6F4FF): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#0E80B3): A full-bodied, balanced blue — the color of deep harbor water.
• Mulberry (#753973): A full-bodied, balanced pink — the color of neon signs at night.
• Espresso (#582E00): A deep, shadowed, balanced gold — the color of old brass.
• Deep Forest (#003618): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged warm.

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

• Cobalt Terrace color palette (#EBF2FF, #5571C6, #82364F, #453A00, #003331)
• Tempered Garnet color palette (#DFF6FF, #008791, #594687, #71080B, #283000)
• Patina Basin color palette (#E3EFFA, #3483B7, #005A8D, #4F2800, #001623)
• Wandering Bloom color palette (#D9EEFD, #94A5C3, #777995, #6C4930, #3A431A)
• Weathered Boulevard color palette (#E3EEF9, #005B96, #630049, #2B1C00, #001611)
• Linen Studio color palette (#E2DDF8, #914399, #6B3600, #003817, #002139)
• Ancient Cobalt Boulevard color palette (#FBECFB, #6A98D2, #3472BF, #724400, #002B56)
• Hushed Fern color palette (#F2F5FE, #9790C3, #946063, #5E541B, #164A53)

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