Ancient Cerulean color palette — #F9EFF4 · #B2E5FA · #5A93C4 · #2C6A65 · #1E2C44

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

The five colors

• Ivory (#F9EFF4): a clean, paper-quiet neutral.
• Powder Blue (#B2E5FA): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#5A93C4): A luminous, balanced blue — the color of deep harbor water.
• Pine (#2C6A65): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#1E2C44): A deep, shadowed, dusty violet — the color of wild irises.

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

• Cobalt Veranda color palette (#FBEEF2, #9CCEF4, #597ABE, #005A62, #171E3B)
• Cypress Parlor color palette (#FBF4EF, #C4E6D4, #6C8DB3, #277061, #5D3B51)
• Dusty Petrol Orchard color palette (#EEF1FF, #F9D1E0, #E7B6A6, #597B9F, #343348)
• Hushed Station color palette (#F6E7F1, #47AFAC, #006374, #003C21, #000C16)
• Weathered Parlor color palette (#F2DFED, #298694, #00415A, #002018, #000105)
• Feathered Iris color palette (#EEF1FF, #9378E1, #868332, #60733F, #191C31)
• Powder Coast color palette (#F4F6EE, #D7D6E4, #84C4E9, #408E9E, #21473D)
• Linen Periwinkle color palette (#CEE7FF, #74A3FA, #6F6EC0, #5A4274, #2C2444)

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