Cerulean Field color palette — #DDF2FF · #009EC5 · #B2676C · #805800 · #082A3B

A conversation between Cerulean and Coffee, giving this palette its sense of trust and stability.

The five colors

• Frost (#DDF2FF): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#009EC5): A luminous, balanced blue — the color of deep harbor water.
• Mocha (#B2676C): A full-bodied, balanced red — the color of late-summer berries.
• Coffee (#805800): A full-bodied, balanced gold — the color of old brass.
• Midnight (#082A3B): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Balance. Tagged cool.

Use it as a design system

One click turns Cerulean 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

• Lagoon Bloom color palette (#D4F5FE, #00A49F, #AB678C, #924734, #002C35)
• Powdered Rust color palette (#EDF7FF, #2C8CC8, #AD4B52, #615100, #002428)
• Weathered Periwinkle Study color palette (#EDF6FF, #60A5DE, #C47868, #826D17, #243544)
• Pale Rust color palette (#E1FDEE, #2DBFEA, #BF525A, #845300, #001B0F)
• Pale Iris Cabin color palette (#E6EFFF, #7389DD, #B66C21, #4D6C00, #182641)
• Periwinkle Cabin color palette (#DFF5E3, #74A3E8, #7F69AE, #784900, #212F4E)
• Terracotta Lagoon color palette (#D3E0EA, #0078A6, #A4342E, #563E00, #000F19)
• Powdered Cobalt Corridor color palette (#E5EFFF, #456DC0, #734B97, #633900, #16273F)

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