Tempered Abyss color palette — #D4E9E4 · #578857 · #00532B · #00382B · #00201D

Built around Deep Olive, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Honeydew (#D4E9E4): A whisper-light, dusty teal — the color of sea glass.
• Fern (#578857): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#00532B): A deep, shadowed, balanced teal — the color of sea glass.
• Deep Forest (#00382B): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#00201D): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Softworn Pine color palette (#DAF4F2, #007F5C, #004236, #002828, #00140C)
• Lagoon Drift color palette (#CFECE7, #589D6F, #006545, #004555, #00302F)
• Dusty Coast color palette (#DFF3E7, #7C801F, #3D4C00, #0E3901, #1B1D00)
• Feathered Nightshade color palette (#E5EEFC, #2C5EE6, #006A4E, #030AAD, #002116)
• Washed Moss Alley color palette (#D5F4E1, #9A9713, #556200, #004F40, #313000)
• Softworn Pine color palette (#DEFDF5, #7DB475, #007F3C, #045C65, #12433E)
• Worn Drift color palette (#D4E3E0, #4CAFBA, #006272, #003E3C, #00242E)
• Chalky Emerald Orchard color palette (#DFF7E5, #98B26A, #009661, #276D82, #141F00)

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