Timeworn Cobalt color palette — #FAF3F7 · #A8CBDE · #377EB3 · #006059 · #283960

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

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Sky (#A8CBDE): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#377EB3): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006059): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#283960): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Timeworn Cobalt 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

• Cerulean Grove color palette (#F1F3E9, #98D2E6, #0087B3, #005A64, #002337)
• Washed Station color palette (#FBF2F6, #CCDFF0, #6E89C3, #006F7A, #454269)
• Washed Sapphire color palette (#F5EBEE, #96B5D4, #4D60B4, #004E5A, #302452)
• Petrol Alley color palette (#F1F5FF, #D6CEF1, #DE9BAB, #306DAD, #383855)
• Worn Navy Thicket color palette (#ECDDE5, #5289A0, #003E6D, #002221, #03002E)
• Violet Loft color palette (#E0E2FF, #8D63B8, #8B6500, #3F6800, #282747)
• Worn Workshop color palette (#FFF2EB, #AFEBFF, #75B9EC, #4D9B91, #4B3048)
• Dusty Aubergine color palette (#D1E4F0, #7198DA, #5B5DC0, #522B9F, #522D5F)

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