Ancient Cerulean color palette — #F7EFF5 · #A8EAF0 · #4D98B5 · #316B56 · #182E42

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

The five colors

• Ivory (#F7EFF5): bright and airy, almost weightless.
• Sea Foam (#A8EAF0): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#4D98B5): A luminous, balanced blue — the color of deep harbor water.
• Pine (#316B56): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#182E42): 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

• Hushed Cobalt color palette (#F8EFF4, #8AD4EC, #3083BA, #005C54, #111F3D)
• Wandering Workshop color palette (#F8EFF2, #D8D0E4, #829EC6, #477280, #2E3649)
• Hushed Cypress color palette (#FBF3F0, #C9E5CD, #5F92AC, #3B6F4F, #583D57)
• Teal Boulevard color palette (#BAF2D7, #00C9BA, #009197, #005C6F, #113046)
• Hazy Turquoise color palette (#E0F6FF, #00B8CB, #C77267, #00727E, #361D32)
• Cerulean Lagoon color palette (#F6E9F2, #1C9AB0, #004F71, #002C25, #000411)
• Washed Summit color palette (#F5F6EC, #B9E3EC, #7AC9D8, #3E918C, #2C4638)
• Powdered Rust Courtyard color palette (#E1F6FF, #009FB4, #BB605B, #95593F, #01222E)

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