Tempered Coast color palette — #D9FFF2 · #ECA001 · #889A00 · #00867B · #0F2E00

Saffron and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D9FFF2): A whisper-light, dusty teal — the color of glacier melt.
• Saffron (#ECA001): A luminous, vivid gold — the color of honey in a jar.
• Olive Leaf (#889A00): A luminous, balanced green — the color of new leaves after rain.
• Teal (#00867B): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Forest (#0F2E00): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.

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

• Softworn Moss Parlor color palette (#D7FFF6, #E0B300, #36B504, #007775, #003317)
• Misty Pine Loft color palette (#FFF4DB, #FFA391, #B88800, #00864A, #302D00)
• Tempered Emerald Basin color palette (#F9F4C6, #D3BF00, #8AAD00, #00952A, #091200)
• Muted Corridor color palette (#DFF1DE, #A29328, #476600, #5D3B00, #352E00)
• Lime Delta color palette (#DAFDFF, #A0CF00, #00B177, #007BA5, #003230)
• Weathered Moss Quarry color palette (#D8F0F5, #6BB000, #00938D, #005487, #001A1E)
• Mulberry Terrace color palette (#F6EBDC, #8AAC68, #007D64, #782762, #5F222E)
• Linen Moss Bloom color palette (#E6EED5, #5BA900, #007B48, #005041, #003543)

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