Timeworn Cerulean color palette — #FCF2F8 · #C3E2F1 · #5B90BA · #307059 · #3A4862

Built around Slate Blue, softened by Pine — the whole palette hums with trust and stability.

The five colors

• Ivory (#FCF2F8): bright and airy, almost weightless.
• Powder Blue (#C3E2F1): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#5B90BA): A luminous, balanced blue — the color of open sky before noon.
• Pine (#307059): A full-bodied, dusty teal — the color of sea glass.
• Charcoal (#3A4862): A full-bodied, 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 Timeworn 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

• Softworn Cobalt color palette (#FEF1F7, #ABC9E0, #5A78AE, #006059, #313859)
• Tempered Quarry color palette (#F5F1EB, #C8E4D3, #5F96B1, #006D69, #0C2E49)
• Muted Lagoon color palette (#F1F7F2, #D1DCF0, #70AECD, #008D88, #2D4A65)
• Softworn Station color palette (#E3FCEE, #ADA24C, #7B84C3, #726700, #3B3F62)
• Timeworn Lagoon color palette (#EAE0E9, #438E91, #004359, #00240D, #00081D)
• Hushed Pewter color palette (#E6FCED, #89B1A5, #7E7245, #694554, #274341)
• Washed Driftwood color palette (#E3FCEE, #ABE2E7, #9FC0E2, #9D6D57, #38574F)
• Hushed Canyon color palette (#FAF4F0, #C5E8E4, #7DC5FF, #52AC8C, #573E51)

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