Timeworn Driftwood color palette — #F1F5FE · #B3DCC7 · #727AA4 · #3E4C6D · #252B38

A conversation between Slate and Peacock, giving this palette its sense of calm and sophistication.

The five colors

• Ivory (#F1F5FE): bright and airy, almost weightless.
• Oat (#B3DCC7): A whisper-light, dusty teal — the color of glacier melt.
• Slate (#727AA4): A full-bodied, dusty violet — the color of wild irises.
• Peacock (#3E4C6D): A full-bodied, dusty violet — the color of wild irises.
• Onyx (#252B38): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Calm, Sophistication. Tagged luxury, dark, muted, cool.

Use it as a design system

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

• Washed Cerulean Boulevard color palette (#EEF6FF, #EFC2D6, #6080A4, #384F68, #242C35)
• Pewter Canyon color palette (#F6F3FC, #BDCC9B, #935C85, #5F2E53, #241F2C)
• Muted Iris Ridge color palette (#F3F5FB, #C8CDFC, #D18474, #7E80DD, #372834)
• Cypress Grove color palette (#E7FAF3, #C1B5E7, #BA7D96, #008173, #47445D)
• Tempered Lagoon color palette (#F4F4FB, #DED8DC, #BAAEAD, #AD8CC3, #52515C)
• Tempered Pine color palette (#F8F2FE, #BB8CA8, #AD765B, #1D7846, #293143)
• Weathered Grape color palette (#F2F4FF, #9DCB80, #7251B8, #431F7D, #151830)
• Soft Orchard color palette (#DBDCEE, #82B56D, #693997, #370E59, #09071F)

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