Cerulean Field color palette — #F5F6EE · #C7E5CF · #1599B7 · #007072 · #2C5040

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

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Celadon Mist (#C7E5CF): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#1599B7): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007072): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Olive (#2C5040): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Tempered Hollow color palette (#F5F6EC, #93DCE5, #008FA5, #006764, #004759)
• Cerulean Boulevard color palette (#FAEFEA, #ABE8F4, #4E97BB, #166E5A, #372438)
• Hushed Cobalt color palette (#F4F6ED, #BDE7D8, #4A90CB, #006C89, #553F56)
• Tempered Cerulean color palette (#ECEFE2, #519AB2, #00516D, #002F35, #001624)
• Petrol Study color palette (#EEF0E2, #73BED2, #007392, #004F54, #003248)
• Aged Hollow color palette (#FAF2F8, #C1EDFF, #67AFD2, #4E8777, #38495D)
• Tempered Archive color palette (#EEFADF, #299F74, #0087B2, #7A6800, #363932)
• Hushed Station color palette (#ECFBDD, #7FCAAB, #008C66, #004F3A, #003A2A)

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