Cerulean Field color palette — #F2F3E8 · #ACEAE9 · #2C9FA8 · #166D61 · #1B3223

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

The five colors

• Cream (#F2F3E8): a clean, paper-quiet neutral.
• Sea Foam (#ACEAE9): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#2C9FA8): A luminous, balanced blue — the color of deep harbor water.
• Pine (#166D61): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Forest (#1B3223): 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

• Dusty Cerulean Meadow color palette (#F0F4E8, #C0E6D8, #6792B9, #316679, #362537)
• Washed Cerulean color palette (#F1F3E8, #93D3E1, #008AA7, #005B5D, #00281A)
• Wandering Hollow color palette (#E9EBDD, #3899A5, #005361, #002C2B, #000508)
• Dusty Aqua color palette (#FEF2EC, #BBEEF6, #6DCAE2, #579070, #20483C)
• Dusty Wisteria color palette (#FFECF1, #C18BD7, #2A9CB9, #7C508D, #082F1D)
• Worn Cocoa color palette (#F9F2DB, #A7B375, #787943, #604800, #252312)
• Magenta Veranda color palette (#FFEDEF, #C560C0, #B36855, #536A99, #2D161A)
• Muted Basin color palette (#FFEDEE, #EAD2D2, #EDB3A3, #95789D, #3A2727)

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