Cerulean Field color palette — #EDF4EF · #CFD9DA · #B6ACA1 · #538D9A · #313833

Storm Blue and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#EDF4EF): a clean, paper-quiet neutral.
• Silver (#CFD9DA): bright and airy, almost weightless.
• Ash (#B6ACA1): a calm mid-gray that lets other colors speak.
• Storm Blue (#538D9A): A luminous, dusty blue — the color of deep harbor water.
• Charcoal (#313833): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Pewter Courtyard color palette (#F7EFF4, #DFD4D3, #CAB8B0, #6C719D, #31292E)
• Aged Driftwood Balcony color palette (#F0F3EC, #D0D9D6, #A5AFB3, #738D4D, #343830)
• Washed Cerulean color palette (#F0F7F3, #D3DBDB, #A7ACB7, #3C8EA5, #4D5550)
• Wandering Courtyard color palette (#F4F2E8, #C2C7A5, #708E4F, #52675A, #31322B)
• Muted Chestnut Loft color palette (#FCF0E0, #71B8C5, #6477A7, #714800, #1A3228)
• Dusty Boulevard color palette (#DFE9E3, #948995, #7C6272, #002F3D, #000201)
• Antique Bronze Coast color palette (#E7F7E7, #B3D6CB, #A88A95, #7F651B, #4D4400)
• Navy Atelier color palette (#F4E9F2, #BEAEB5, #A28489, #2B3F7B, #11070F)

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