Timeworn Coast color palette — #FBF2F5 · #CFDDCC · #A27887 · #5C3B47 · #22181B

Heather takes the lead with Cocoa close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#FBF2F5): bright and airy, almost weightless.
• Bone (#CFDDCC): A whisper-light, dusty green — the color of fresh herbs.
• Heather (#A27887): A luminous, dusty rose — the color of a warm blush.
• Cocoa (#5C3B47): A deep, shadowed, dusty rose — the color of strawberry cream.
• Ink (#22181B): a grounded near-black with real depth.

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

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

• Rust Loft color palette (#FFF2EE, #FBE3AF, #A85D66, #5A242C, #190B08)
• Tempered Lilac color palette (#FBF2F7, #BEEBC6, #9A96D3, #7F6373, #32282E)
• Worn Stone color palette (#F4F4FF, #D6BD88, #68547C, #363649, #272229)
• Wisteria Alley color palette (#FCF2F4, #E5D7D4, #E8948F, #BA81C5, #291A15)
• Washed Field color palette (#FDF4E6, #FECCE3, #CC9188, #37845D, #513833)
• Hushed Cypress color palette (#FDF2F3, #D5AED4, #8D904B, #008276, #342332)
• Rust Atelier color palette (#FFF1F2, #EAD6C9, #E49EA6, #B15545, #602700)
• Lagoon Bloom color palette (#FFF1F4, #D3B7E2, #B1B27F, #4A936F, #412A31)

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