Cerulean Field color palette — #D3EDEE · #0087A1 · #005A78 · #003450 · #001434

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

The five colors

• Frost (#D3EDEE): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#0087A1): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005A78): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#003450): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#001434): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. Tagged muted, 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

• Softworn Lagoon color palette (#D5F7EA, #009384, #006664, #003C45, #001C25)
• Wandering Onyx color palette (#CFE7E0, #007986, #00455A, #002747, #16034A)
• Cobalt Harbor color palette (#DCE9F6, #3D8CDB, #005A9E, #00294D, #00030A)
• Quiet Bloom color palette (#D0F3E4, #0081B4, #A24800, #004B6B, #1F0800)
• Weathered Lilac color palette (#E2F1EC, #9BB4E6, #A67AE6, #006074, #001937)
• Gentle Delta color palette (#D6EEE8, #009BAA, #00799D, #004695, #130343)
• Nightshade Loft color palette (#D0ECFE, #006DAD, #002DBC, #170080, #0D002F)
• Feathered Navy Grove color palette (#DCF0F5, #00B2E1, #0087BF, #005A9D, #0B1A82)

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