Tempered Coast color palette — #ECEDDF · #729800 · #007E2C · #005062 · #040F00

A conversation between Olive Leaf and Olive, giving this palette its sense of nature and growth.

The five colors

• Cream (#ECEDDF): bright and airy, almost weightless.
• Olive Leaf (#729800): A luminous, balanced green — the color of fresh herbs.
• Olive (#007E2C): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#005062): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#040F00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.

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

• Muted Bronze color palette (#F1EAC9, #A08700, #627000, #00534F, #0D0C00)
• Emerald Basin color palette (#EDF0D6, #2B9A07, #007372, #004676, #090800)
• Aubergine Summit color palette (#F1DAC6, #817300, #005937, #490051, #090D00)
• Antique Orchard color palette (#EAEADC, #00A082, #007778, #1F39A2, #000F0C)
• Wandering Lagoon color palette (#CEEDD3, #62A888, #00867B, #295A86, #0A1739)
• Softworn Lime Terrace color palette (#E3EBB5, #5FCF00, #00A86B, #00769D, #08320E)
• Cellar Boulevard color palette (#FAE0D8, #665300, #003829, #23002E, #010200)
• Cobalt Studio color palette (#DFE3D4, #63BDE1, #008DC5, #006A7B, #001527)

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