Tempered Coast color palette — #F4D9E4 · #9C5300 · #4A4900 · #003822 · #410011

A conversation between Ochre and Espresso, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F4D9E4): A whisper-light, dusty rose — the color of a warm blush.
• Ochre (#9C5300): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#4A4900): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Deep Forest (#003822): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Espresso (#410011): A deep, shadowed, balanced red — the color of late-summer berries.

Feels like: Nature, Growth, Optimism, 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

• Brick Ridge color palette (#F2D8EC, #BB2816, #5D4000, #1F3500, #3C002D)
• Pale Atelier color palette (#CFE9D6, #806500, #185500, #003633, #3B0F00)
• Chestnut Canyon color palette (#F8E3EA, #7A4700, #484B00, #251700, #140309)
• Bronze Bloom color palette (#D8E8D8, #8F6100, #005341, #002E2D, #190017)
• Amber Ridge color palette (#F5E4C9, #B68B00, #725B00, #494100, #193210)
• Apricot Basin color palette (#FFEDF4, #FD8656, #D47B00, #856300, #341C00)
• Cellar Fern color palette (#CAECD9, #544B00, #003415, #00181A, #110400)
• Gentle Lagoon color palette (#F2DBD9, #CE558C, #5E6B00, #00476D, #3F0023)

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