Cerulean Field color palette — #FCF1F9 · #97DADB · #0088A4 · #005436 · #000E1A

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

The five colors

• Ivory (#FCF1F9): bright and airy, almost weightless.
• Ice Blue (#97DADB): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#0088A4): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Olive (#005436): A deep, shadowed, balanced teal — the color of sea glass.
• Ink (#000E1A): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Hazy Cobalt color palette (#FCF2F8, #9CD6ED, #007FCE, #00524D, #030333)
• Petrol Lagoon color palette (#F7E9F2, #90BED6, #006EA3, #003F37, #00020F)
• Washed Corridor color palette (#FBF2F8, #B8F1FD, #009ED9, #006C5A, #001D43)
• Washed Villa color palette (#E0EEEB, #51ADAE, #00646C, #003A33, #000D11)
• Patina Cerulean color palette (#E3E3D8, #6FD3D3, #00A5B1, #007E71, #00242B)
• Olive Hollow color palette (#E7E3D3, #8A9A00, #437C00, #004713, #00110A)
• Washed Courtyard color palette (#FDF1F8, #D6D4E0, #75ACDC, #008079, #202C4E)
• Washed Bloom color palette (#DBFFE8, #65C279, #007043, #003218, #000201)

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