Timeworn Coast color palette — #F1F6FB · #DAD9E0 · #C3BBCC · #4C77A7 · #3E4955

Slate takes the lead with Stone close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F1F6FB): bright and airy, almost weightless.
• Silver (#DAD9E0): bright and airy, almost weightless.
• Stone (#C3BBCC): A luminous, dusty violet — the color of a velvet chair.
• Slate (#4C77A7): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#3E4955): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Muted Petrol Garden color palette (#EDF2F7, #DAD6E2, #C7B8C8, #4C7A9F, #252D35)
• Worn Harbor color palette (#EFF7F5, #E0D4CF, #AAA693, #6795B9, #3E4B47)
• Weathered Chestnut color palette (#EDF4FF, #B0B4D1, #88819C, #735F30, #2B5B4D)
• Dusty Mulberry Lagoon color palette (#F6F4FB, #E0D6DC, #BCAEBE, #854B82, #3C3846)
• Pewter Thicket color palette (#EEF8F1, #91BAA9, #647C51, #316078, #2D493F)
• Cobalt Ridge color palette (#DFE4F3, #666AAA, #2F2F47, #171E31, #0C0C16)
• Ultramarine Ridge color palette (#F1F5FD, #CDD1E5, #B59CC2, #3F46C1, #293346)
• Softworn Pewter Balcony color palette (#EAFAED, #7799CE, #715C99, #6E4300, #303D58)

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