Cerulean Field color palette — #E9F5F0 · #3986AD · #4C3343 · #1C2D26 · #101715

Built around Cerulean, softened by Charcoal — the whole palette hums with trust and stability.

The five colors

• Cream (#E9F5F0): bright and airy, almost weightless.
• Cerulean (#3986AD): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#4C3343): A deep, shadowed, dusty pink — the color of neon signs at night.
• Deep Forest (#1C2D26): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#101715): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, muted.

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

• Antique Lagoon color palette (#EBF5E9, #009086, #234438, #222C20, #121713)
• Timeworn Alley color palette (#E4F7F0, #34A6E5, #635261, #303B37, #1E2320)
• Antique Sky Alley color palette (#E6F4FF, #6CC1F5, #747C8B, #4A5660, #1B2327)
• Hushed Indigo color palette (#EFE0E6, #7E5BB4, #4B2626, #291A20, #130A0C)
• Worn Market color palette (#F3DDF3, #0063CF, #341F4A, #231023, #09140E)
• Dusty Archive color palette (#FFF0FE, #7399D1, #79963D, #3C825A, #4C3C4C)
• Twilit Ultramarine color palette (#F2DCED, #2643C0, #270B32, #120410, #000303)
• Eclipse Aubergine color palette (#F6E1E7, #554B00, #560078, #201A08, #180008)

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