Cerulean Field color palette — #F0F7F1 · #9BCEDF · #00879B · #00624E · #0E4053

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Sky (#9BCEDF): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#00879B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#00624E): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#0E4053): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Cobalt Harbor color palette (#EFF8F0, #A7CAE7, #4079C1, #005D6E, #2D385D)
• Wandering Cerulean color palette (#F7EFF7, #9DD1E1, #0088AE, #245C34, #0E2137)
• Wandering Boulevard color palette (#F5F6EC, #CCE9CE, #4EC5D4, #399E93, #00424F)
• Aged Lagoon color palette (#D8E2DA, #478D94, #004453, #00231D, #000B13)
• Wandering Turquoise color palette (#F1F7F2, #CEE2F6, #4EA8B5, #4A7A68, #3F5664)
• Timeworn Pine Summit color palette (#FFF2EE, #BCDFBF, #51A0C1, #3A7C4E, #49304A)
• Hushed Atelier color palette (#D8E1DA, #4CAFBE, #00617A, #003F38, #002236)
• Tempered Aqua Cabin color palette (#D9FEFB, #99F1FC, #52C4CF, #5C732B, #1E4345)

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