Tempered Coast color palette — #F7E8DF · #C14B23 · #1C4B00 · #5A1700 · #010500

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

The five colors

• Cream (#F7E8DF): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Terracotta (#C14B23): A full-bodied, vivid orange — the color of sun-warmed clay.
• Deep Olive (#1C4B00): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Espresso (#5A1700): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#010500): A deep, shadowed, dusty green — the color of new leaves after rain.

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

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

• Tempered Summit color palette (#EDE4DB, #A26800, #004D22, #472B00, #030400)
• Aged Harbor color palette (#F8E6E2, #B0546D, #464000, #600029, #040300)
• Aubergine Station color palette (#F4E3CF, #955200, #394200, #2C0061, #1F1400)
• Amber Grove color palette (#FCF0E2, #C27D00, #006542, #633D00, #00170C)
• Powdered Parlor color palette (#F9E8E0, #A31704, #00431F, #140064, #2A0003)
• Amber Drift color palette (#EADCCF, #D77500, #775D00, #7C4100, #060300)
• Worn Moss color palette (#EEEBDF, #869041, #005A60, #404600, #001112)
• Chestnut Summit color palette (#F6EEE1, #6E5900, #00302F, #251C00, #000300)

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