Cerulean Field color palette — #EEF8F0 · #B6F3EF · #00A5B3 · #006D4F · #00232D

Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EEF8F0): a clean, paper-quiet neutral.
• Sea Foam (#B6F3EF): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#00A5B3): A luminous, balanced blue — the color of open sky before noon.
• Pine (#006D4F): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#00232D): 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

• Azure Basin color palette (#F0F7F1, #CCE3FF, #009CE0, #00696C, #001E3F)
• Aged Courtyard color palette (#E7F2E9, #5FB0BC, #005E76, #002C27, #000103)
• Ancient Mint color palette (#A8F7D0, #00CDA6, #00948F, #005257, #002930)
• Muted Lagoon color palette (#E7F9FF, #D3DBE7, #C7C2F0, #009182, #012330)
• Antique Cerulean color palette (#EBFAEE, #8ED9EA, #0086AE, #00524D, #000E1B)
• Rose Market color palette (#E5F9FF, #00C2C2, #F0545A, #007272, #360005)
• Gentle Turquoise color palette (#F6EAF7, #9CE2DE, #00B6DC, #528F50, #0D304D)
• Worn Coast color palette (#E7F9FF, #00A5AF, #BC43CF, #8A6300, #001011)

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