Tempered Abyss color palette — #FFF1F1 · #E8D6CA · #D7A180 · #847032 · #2D480A
A conversation between Deep Olive and Walnut, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF1F1): a clean, paper-quiet neutral.
- Bone (#E8D6CA): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Camel (#D7A180): A luminous, dusty gold — the color of old brass.
- Walnut (#847032): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#2D480A): A deep, shadowed, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Sophistication. 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
- Apricot Parlor color palette (#FFF1F1, #FBA46D, #917400, #334E00, #00190C)
- Timeworn Orchard color palette (#FFF0F7, #F9D1DB, #E8A1A6, #9F674C, #513600)
- Pine Basin color palette (#FFF2F0, #E1DECA, #BCB576, #588555, #004C40)
- Antique Bronze Villa color palette (#F8F2FF, #E8ADA5, #AE7040, #705605, #3B521C)
- Misty Field color palette (#F3E1DB, #D19202, #6C6A00, #013A08, #000806)
- Muted Harbor color palette (#FFF0FE, #F4CDE5, #DBAD83, #BB8A20, #504500)
- Hushed Canyon color palette (#FFF3E8, #E39B68, #685100, #332920, #150D0B)
- Hushed Studio color palette (#FBF3F0, #DDDBD2, #A3B4B7, #D39F9D, #534B49)
Browse the whole catalog at Explore, or see today's palette.