Timeworn Cerulean color palette — #FCF2F9 · #B5E5F5 · #3697B4 · #3C6E57 · #334A5F

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

The five colors

• Ivory (#FCF2F9): a clean, paper-quiet neutral.
• Powder Blue (#B5E5F5): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#3697B4): A luminous, balanced blue — the color of deep harbor water.
• Pine (#3C6E57): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#334A5F): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Forest Coast color palette (#F7EFF7, #C3E2ED, #6395AE, #326C47, #192D46)
• Hushed Ash color palette (#FBF2F6, #D9DFF0, #799CC7, #487784, #4A5364)
• Worn Teal color palette (#F8F5EF, #C2E9E0, #70CDE3, #48AC94, #1C4E63)
• Dusty Cabin color palette (#FAE7F5, #419EAF, #005070, #003127, #00132F)
• Sunlit Marigold color palette (#E8FBEC, #C69800, #5E8ACD, #7F6000, #2D4363)
• Worn Corridor color palette (#EAFAEB, #AAEAD7, #91CDB4, #9D768A, #41574D)
• Tempered Aqua color palette (#FFF0F9, #37CAF2, #0074B2, #00564F, #152D6C)
• Antique Hollow color palette (#F2E3E7, #4F86B0, #173482, #002226, #0A0028)

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