Cerulean Field color palette — #EDF4EE · #B4E5F9 · #4D99B4 · #256B63 · #192E3F

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

The five colors

• Cream (#EDF4EE): bright and airy, almost weightless.
• Powder Blue (#B4E5F9): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#4D99B4): A luminous, balanced blue — the color of open sky before noon.
• Pine (#256B63): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#192E3F): 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

• Timeworn Ash color palette (#EDF4EE, #D7DBEF, #7E9ECB, #487185, #2B364B)
• Muted Cobalt color palette (#ECF5ED, #98D1E9, #2E83B9, #005B5F, #0A213B)
• Hushed Cerulean color palette (#E3F2E6, #3297B3, #005071, #002C2C, #00040E)
• Cypress Balcony color palette (#FBF3F0, #CCE3D2, #5892B0, #00735D, #543F56)
• Weathered Studio color palette (#E3F5FF, #009DBE, #A76792, #776C27, #07212E)
• Sunlit Meadow color palette (#AAF0E2, #00BAB4, #008594, #005367, #0F2E42)
• Soft Garden color palette (#E2F6FF, #00B7D2, #CC7152, #007182, #411A0D)
• Tempered Powder color palette (#FBF2F8, #CFD7EB, #88C3E8, #5B8F74, #2F405A)

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