Tempered Coast color palette — #FFDFBE · #AF9807 · #5D6E00 · #00501F · #00382F

Mustard takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Peach Cream (#FFDFBE): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#AF9807): A luminous, balanced green — the color of new leaves after rain.
• Olive (#5D6E00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#00501F): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Deep Forest (#00382F): A deep, shadowed, dusty teal — the color of sea glass.

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

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

• Linen Moss color palette (#F4E696, #80AA45, #177C3F, #004F45, #00333C)
• Timeworn Amber color palette (#FFD5CA, #DA8618, #816800, #404600, #053D06)
• Muted Moss color palette (#F3EADC, #8D8600, #225800, #003223, #001D1A)
• Misty Veranda color palette (#FFE7EF, #A38100, #1A6C2F, #4B306C, #17372C)
• Powdered Moss color palette (#FFD9C7, #D1AD5E, #7C8C2B, #006B3B, #003938)
• Tempered Moss color palette (#E0FDF1, #FFAF57, #A5A500, #008873, #263B16)
• Hushed Drift color palette (#EFF8F1, #C6DFE1, #9DBAB7, #766129, #343D36)
• Moonless Coast color palette (#D3E8E0, #5B6C00, #002D2C, #021812, #000605)

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