Tempered Coast color palette — #F1DDD3 · #E04D33 · #835A00 · #394A00 · #00261B

Scarlet and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F1DDD3): A whisper-light, dusty orange — the color of toasted spice.
• Scarlet (#E04D33): A luminous, vivid orange — the color of toasted spice.
• Ochre (#835A00): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#394A00): A deep, shadowed, balanced green — the color of fresh herbs.
• Onyx (#00261B): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Weathered Amber color palette (#ECDFD1, #BC7300, #656900, #00502E, #002528)
• Ember Studio color palette (#EEDED3, #DB5600, #796000, #155100, #3E0026)
• Chestnut Lantern color palette (#EFDCC6, #8A5B00, #3F4C00, #002F21, #170003)
• Tempered Raspberry color palette (#F1DCD8, #D84C7E, #974C00, #474500, #36013D)
• Softworn Delta color palette (#EEDCDB, #D69A86, #997052, #526133, #203D1C)
• Misty Coast color palette (#FFE4E2, #EE6D55, #C43C00, #7D3400, #482000)
• Plum Dune color palette (#FDD7D6, #B60085, #464B00, #00353B, #061B2B)
• Olive Veranda color palette (#F7E5CB, #B48300, #437A00, #00544D, #431000)

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