Tempered Petrol Canyon color palette — #FAF2F8 · #D8A092 · #8E924E · #00718C · #2D2436
A conversation between Teal and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FAF2F8): bright and airy, almost weightless.
- Rosewood Mist (#D8A092): A luminous, dusty orange — the color of sun-warmed clay.
- Moss (#8E924E): A luminous, balanced green — the color of a quiet forest floor.
- Teal (#00718C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Onyx (#2D2436): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Tempered Petrol Canyon 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
- Dusty Petrol color palette (#EFF8EE, #E0B37F, #63A170, #2367A1, #2B1C2C)
- Hushed Petrol Canyon color palette (#F7F3FD, #EEB9DB, #9E9E5F, #23729E, #3B3253)
- Ancient Cypress color palette (#F7F3FD, #DEADC9, #BC8E67, #237B60, #212436)
- Weathered Apricot Parlor color palette (#FDF1F8, #DE9D80, #49594B, #35262F, #130D13)
- Muted Jade color palette (#F9F4ED, #DDBE84, #66B68A, #359699, #283834)
- Aged Nightshade Corridor color palette (#FFF1F5, #C18747, #00835B, #1D329E, #150111)
- Patina Summit color palette (#FFF0F7, #E97600, #1F8A11, #00588C, #290310)
- Rose Meadow color palette (#F7EEF9, #CA6278, #82651C, #484671, #1B1622)
Browse the whole catalog at Explore, or see today's palette.