Tempered Coast color palette — #FAF4ED · #C7C2A0 · #798945 · #536D5C · #594D00

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

The five colors

• Ivory (#FAF4ED): a clean, paper-quiet neutral.
• Pistachio (#C7C2A0): A luminous, dusty green — the color of new leaves after rain.
• Olive Leaf (#798945): A luminous, balanced green — the color of new leaves after rain.
• Graphite (#536D5C): A full-bodied, dusty teal — the color of sea glass.
• Deep Olive (#594D00): A full-bodied, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

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

• Dusty Alley color palette (#F7F5ED, #D3D3B6, #98A07E, #6F8568, #525000)
• Worn Basalt color palette (#FDF4E9, #B0B485, #567F59, #714F54, #4F4100)
• Timeworn Oat Dune color palette (#FCF1FB, #E7D8D6, #E2BEA1, #71977F, #5B4A54)
• Aged Cypress color palette (#EAF5F0, #A9CCC4, #5B8D8A, #396A72, #1F3631)
• Dusty Cabin color palette (#EFDCCA, #867C29, #245103, #3C2147, #1F1B00)
• Wandering Fern Meadow color palette (#FFF2EA, #AC996D, #5C6935, #564066, #39352F)
• Dusty Stone Grove color palette (#EFF8F0, #C2E7DA, #92C3A0, #80A0AF, #3F524B)
• Patina Moss Bloom color palette (#F6EACF, #6EA351, #006B52, #642D4B, #173700)

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