Tempered Coast color palette — #FBF3F1 · #DDDAD2 · #A1B0A6 · #9E786B · #58514E

Built around Mocha, softened by Ash — the whole palette hums with sophistication.

The five colors

• Ivory (#FBF3F1): a clean, paper-quiet neutral.
• Bone (#DDDAD2): bright and airy, almost weightless.
• Ash (#A1B0A6): A luminous, dusty teal — the color of sea glass.
• Mocha (#9E786B): A luminous, dusty orange — the color of sun-warmed clay.
• Charcoal Brown (#58514E): a grounded near-black with real depth.

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

Use it as a design system

One click turns Tempered 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

• Softworn Ash color palette (#F9F3F9, #E4D7D7, #B4B6C0, #AD90B0, #565057)
• Cocoa Dune color palette (#E4DFD8, #C0B8A8, #958F73, #5E3D00, #291D0D)
• Muted Pewter color palette (#FFF2EC, #D4BEAA, #A1977D, #607C6C, #355156)
• Dusty Fern Loft color palette (#F5F6ED, #B9C7A4, #489083, #7B5E59, #415611)
• Timeworn Bronze Alley color palette (#FDF4E5, #D5958D, #9D6B31, #1E6566, #6E3709)
• Rust Terrace color palette (#FCF3ED, #DDDACA, #CFB898, #A9491E, #652F00)
• Softworn Olive color palette (#FDF3EE, #CA8271, #607B2C, #005E70, #573842)
• Hushed Garnet color palette (#E5DEDB, #A99688, #93662B, #560500, #120602)

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