Cerulean Field color palette — #F9EEF8 · #A7D9E9 · #008FBA · #006732 · #07244A

A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.

The five colors

• Blush (#F9EEF8): bright and airy, almost weightless.
• Powder Blue (#A7D9E9): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#008FBA): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006732): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#07244A): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Timeworn Cobalt color palette (#FFECF5, #A9D7F1, #5D82C6, #00635B, #26184F)
• Hazy Delta color palette (#FDECFA, #66CDDA, #007BAB, #005533, #000C53)
• Ancient Cypress color palette (#F7EFF4, #D5D2E6, #7EA0C1, #387965, #2C364B)
• Patina Pine Delta color palette (#FFF2ED, #A1EAEF, #00AAE0, #00884A, #1F3F70)
• Lagoon Studio color palette (#ECDFEC, #489999, #005168, #002E0D, #00040F)
• Muted Navy color palette (#F7E7EF, #3982A0, #00387B, #00201B, #01000A)
• Brick Field color palette (#FFEBFA, #ED6A55, #009599, #AA1300, #002628)
• Ultramarine Parlor color palette (#FAEBF1, #74A3BD, #2052AD, #003A35, #0D002A)

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