Tempered Coast color palette — #F9ECCE · #8D8B00 · #614900 · #351A00 · #010200

Built around Olive Leaf, softened by Bronze — the whole palette hums with nature and growth.

The five colors

• Cream (#F9ECCE): A whisper-light, dusty gold — the color of old brass.
• Olive Leaf (#8D8B00): A luminous, balanced green — the color of a quiet forest floor.
• Bronze (#614900): A full-bodied, balanced gold — the color of old brass.
• Espresso (#351A00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#010200): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Washed Bronze color palette (#F2E0D3, #B17A00, #773B00, #460101, #020100)
• Timeworn Moss color palette (#F7E3BB, #97A337, #725E00, #482A00, #010500)
• Timeworn Lime Terrace color palette (#FFF4DC, #AFC943, #927E00, #6B4400, #031F01)
• Quiet Lapis Balcony color palette (#E0E6FF, #4928F4, #525000, #2B2A00, #01000A)
• Washed Honey Ridge color palette (#FFF3E8, #F6C971, #C48041, #8D4A39, #322600)
• Eclipse Navy color palette (#FBE7F7, #979300, #091879, #0C0104, #00000C)
• Timeworn Cobalt color palette (#FAE9E4, #A3B100, #0074D6, #130C15, #030004)
• Inked Grape color palette (#FFE5F5, #5B00CB, #223B00, #051800, #000102)

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