Cerulean Field color palette — #FAF4EB · #ADE7FB · #4E92BB · #2D6D6F · #534054

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

The five colors

• Ivory (#FAF4EB): a clean, paper-quiet neutral.
• Powder Blue (#ADE7FB): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#4E92BB): A luminous, balanced blue — the color of deep harbor water.
• Teal (#2D6D6F): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#534054): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Antique Station color palette (#FAF4EB, #ABEAE5, #279BA6, #356F58, #324F40)
• Chalky Cerulean Drift color palette (#FFF4E2, #70E0FC, #008ABB, #006764, #0E426B)
• Washed Cypress Grove color palette (#F8F0EC, #C3E6D3, #6593B7, #066D65, #3B2138)
• Wandering Lagoon Pier color palette (#FBF2F7, #D2DEF7, #81AACC, #2A8B82, #384863)
• Wandering Driftwood color palette (#EAFCDF, #CBEEFE, #98C8E0, #638565, #42513E)
• Washed Teal color palette (#ECE2D2, #5FAEA9, #00636C, #00402C, #00242D)
• Antique Cerulean Boulevard color palette (#E9DDCB, #0E919E, #004454, #00231E, #000B14)
• Azure Pier color palette (#EEE4D4, #0B9BD2, #004C81, #002F35, #000A42)

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