Tempered Coast color palette — #FBF4EB · #D0A66D · #777200 · #815500 · #292412

Olive and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF4EB): bright and airy, almost weightless.
• Camel (#D0A66D): A luminous, balanced gold — the color of old brass.
• Olive (#777200): A full-bodied, balanced green — the color of fresh herbs.
• Coffee (#815500): A full-bodied, balanced gold — the color of honey in a jar.
• Onyx (#292412): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged duotone, muted.

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

• Olive Orchard color palette (#F7F5EE, #C2C58A, #508D65, #70712F, #2D2F28)
• Worn Quarry color palette (#FFF2ED, #E19992, #995F2D, #9E3935, #302012)
• Patina Olive color palette (#FCF5E2, #9F9B57, #5A7432, #00595C, #3F3D36)
• Antique Chestnut Orchard color palette (#F9F0E9, #DBA688, #00896E, #9D4900, #081201)
• Moonless Bronze color palette (#EADDC9, #826300, #273A00, #322400, #020200)
• Timeworn Fern Harbor color palette (#FDEFB6, #B3B36A, #768133, #3E5D00, #004735)
• Hushed Pewter color palette (#F9F5EE, #D9DBD2, #BCC1B5, #847246, #4C473E)
• Washed Moss color palette (#F7F6E7, #85B347, #00784D, #406200, #172100)

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