Ancient Cerulean color palette — #F5F7E8 · #B4ECE5 · #38A0BD · #00696C · #00222F

A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F5F7E8): bright and airy, almost weightless.
• Sea Foam (#B4ECE5): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#38A0BD): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#00696C): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#00222F): 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 Ancient Cerulean 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 Denim Parlor color palette (#EBEFDF, #65ACCC, #005B84, #002A33, #000103)
• Tempered Petrol Lagoon color palette (#F4F7EC, #BDE1EF, #6AB0D3, #007D8C, #00324D)
• Hazy Orchard color palette (#9AFBFA, #00C8D6, #0092A2, #005567, #002632)
• Hushed Lagoon color palette (#DBFFED, #00A1CB, #8569E1, #007F50, #000F16)
• Wisteria Boulevard color palette (#E1FDED, #00BDE4, #BA6CD5, #006F87, #290136)
• Wandering Cobalt color palette (#F3F8E6, #99D5F7, #0081C5, #004F61, #000D1F)
• Muted Cerulean color palette (#DAFFEE, #E0DBE6, #D9B8DC, #0096B1, #002235)
• Worn Boulevard color palette (#EFEFE1, #6DC8C8, #00757E, #003F37, #000304)

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