Cerulean Field color palette — #F7F1E8 · #B4CFB9 · #1989A4 · #005D50 · #002435

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

The five colors

• Cream (#F7F1E8): bright and airy, almost weightless.
• Pistachio (#B4CFB9): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#1989A4): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#005D50): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#002435): 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

• Ancient Cobalt Drift color palette (#F9F3F8, #93D1D7, #0083B1, #006438, #283B55)
• Cerulean Loft color palette (#F6F1E9, #C8E4D6, #5894BF, #006C71, #3B213C)
• Cobalt Grove color palette (#EEE8DF, #90BFAC, #006FB6, #004A52, #00103F)
• Worn Bloom color palette (#E6E0D7, #3C8490, #004255, #00201C, #000103)
• Patina Teal Bloom color palette (#D0E8E0, #16AFA3, #00747B, #00444F, #002330)
• Hazy Plum color palette (#D2E5D9, #008BA2, #9F498F, #6C5A00, #00181D)
• Powder Chapel color palette (#E3F8E9, #AFDBF9, #9AB4F4, #007F7B, #053023)
• Patina Denim color palette (#E5E0D8, #67A7B7, #006181, #003A37, #000C19)

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