Tempered Abyss color palette — #F1F8EA · #50A284 · #A06C8A · #7C4F69 · #2E4600

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

The five colors

• Ivory (#F1F8EA): bright and airy, almost weightless.
• Fern (#50A284): A luminous, balanced teal — the color of glacier melt.
• Mocha (#A06C8A): A full-bodied, dusty pink — the color of peonies in June.
• Graphite (#7C4F69): A full-bodied, dusty pink — the color of a candy shop window.
• Deep Olive (#2E4600): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Balance. Tagged muted.

Use it as a design system

One click turns Tempered Abyss 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

• Worn Delta color palette (#E9FAF1, #469CBA, #A86C69, #844E4C, #304239)
• Driftwood Ridge color palette (#FAF5E3, #939552, #89759D, #69557C, #3F3D36)
• Softworn Driftwood color palette (#F6F7E5, #7C9B65, #A37253, #7E5530, #423F00)
• Ancient Canyon color palette (#F2F8EB, #7BBBA0, #AD8DBC, #AC616A, #2F4600)
• Timeworn Dune color palette (#E4F6F7, #69A38B, #91779F, #894752, #0B2829)
• Chestnut Garden color palette (#FFF3E9, #7CB5A1, #547B9E, #784E30, #3D4C3E)
• Mulberry Market color palette (#E2FFE0, #008885, #A33F5E, #851541, #183318)
• Driftwood Quarry color palette (#F2F7F1, #D2DDDD, #B9AFA7, #718A6B, #4E554D)

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