Tempered Petrol color palette — #FEE2DA · #A99C0D · #0069B5 · #000C1C · #000206
Royal Blue takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Rose Water (#FEE2DA): A whisper-light, dusty orange — the color of sun-warmed clay.
- Moss (#A99C0D): A luminous, balanced green — the color of a quiet forest floor.
- Royal Blue (#0069B5): A full-bodied, balanced blue — the color of deep harbor water.
- Ink (#000C1C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#000206): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged neon, dark, vibrant.
Use it as a design system
One click turns Tempered Petrol 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 Ultramarine color palette (#F4DDC6, #89A80D, #3052E4, #030741, #00010A)
- Tempered Amber color palette (#EBE0CB, #D16700, #0088B8, #00121C, #000205)
- Softworn Lapis Alley color palette (#D8F5DC, #8F7900, #5547FF, #12021F, #000108)
- Navy Lagoon color palette (#D8E2F2, #A17E0F, #162D80, #020040, #000010)
- Frosted Alley color palette (#F9E4C7, #00B16C, #7C2DE8, #140032, #01000C)
- Magenta Balcony color palette (#EDE1D7, #E000D6, #008F93, #001516, #000203)
- Chalky Lime Field color palette (#FCEDD9, #76DC00, #4094E9, #002D55, #041526)
- Airy Studio color palette (#E4E5D5, #00D6AC, #9A6CE9, #30204B, #0B0C1A)
Browse the whole catalog at Explore, or see today's palette.