Tempered Abyss color palette — #F1F7F1 · #E4CEAA · #67876A · #16575A · #222F24
Built around Peacock, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Ivory (#F1F7F1): bright and airy, almost weightless.
- Wheat (#E4CEAA): A whisper-light, dusty gold — the color of old brass.
- Fern (#67876A): A full-bodied, dusty green — the color of a quiet forest floor.
- Peacock (#16575A): A full-bodied, dusty teal — the color of glacier melt.
- Deep Forest (#222F24): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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
- Lagoon Ridge color palette (#ECF8FB, #CBDECC, #539295, #2E4B54, #151D1F)
- Tempered Ash Orchard color palette (#EEF6FC, #FFD0D3, #7DA4BE, #5A707F, #242D32)
- Weathered Navy Lagoon color palette (#FBF2F9, #D7C295, #5D719D, #2B4070, #2B1C29)
- Petrol Meadow color palette (#EFF8F2, #E2B0BE, #00697E, #1F412E, #182927)
- Muted Mustard Quarry color palette (#EAFAF0, #DEB459, #00758F, #004252, #002113)
- Bronze Dune color palette (#EDF9EF, #69BAC4, #BF8A9C, #A16D4A, #324235)
- Shadow Bronze Study color palette (#D4E8D9, #926E13, #003239, #1D1112, #00070A)
- Washed Taupe Orchard color palette (#CFE4DA, #C1A059, #005D7F, #002D40, #000F08)
Browse the whole catalog at Explore, or see today's palette.