Tempered Coast color palette — #EAF9F4 · #A6B886 · #9D8DCE · #637F00 · #4F466B

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

The five colors

• Ivory (#EAF9F4): bright and airy, almost weightless.
• Sage (#A6B886): A luminous, dusty green — the color of a quiet forest floor.
• Wisteria (#9D8DCE): A luminous, balanced violet — the color of twilight just after sunset.
• Olive Leaf (#637F00): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#4F466B): A full-bodied, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, 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 Bronze color palette (#F0F8EF, #C8AA85, #769BCB, #9C6500, #384F69)
• Ancient Cabin color palette (#E9F9F9, #86BEA3, #C68195, #00875F, #6A3D4B)
• Pewter Archive color palette (#E3FBF6, #80A470, #8882B7, #93609A, #274A44)
• Softworn Sky Orchard color palette (#E8FAF4, #BBCD94, #56C1E1, #829554, #305264)
• Weathered Coral Delta color palette (#F5F2E5, #B1BA7E, #D87E83, #707837, #48271D)
• Aged Magenta Atelier color palette (#D6FFF8, #69A657, #C84ABB, #226600, #5B1E54)
• Softworn Parlor color palette (#F8F6E6, #C9E091, #CEBBF8, #A0B176, #5F4450)
• Pewter Quarry color palette (#FEF1F8, #D0ADB8, #967587, #70526E, #3A4D40)

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