Tempered Petrol color palette — #D3F7F2 · #04739A · #403671 · #2B2200 · #0A0800
A conversation between Teal and Navy, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#D3F7F2): A whisper-light, dusty teal — the color of sea glass.
- Teal (#04739A): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#403671): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Onyx (#2B2200): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#0A0800): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged vintage, retro, muted.
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
- Hushed Cypress Balcony color palette (#DFEED9, #007D72, #004C71, #3A0F00, #140700)
- Hazy Aubergine Alley color palette (#D1EEFE, #545DA3, #601E5B, #152700, #001108)
- Tempered Cabin color palette (#C4F1F4, #4693C3, #5D4D98, #503A0A, #231700)
- Frosted Cobalt Corridor color palette (#DFF2FF, #3F7ED1, #384478, #3D1C33, #350002)
- Lagoon Parlor color palette (#EDDAD2, #47989F, #005168, #002D1F, #00050D)
- Shadow Navy color palette (#E0ECFD, #004597, #573600, #1F3600, #000105)
- Muted Denim color palette (#D7E7F7, #718CBC, #5859A2, #521A3D, #140004)
- Nocturne Navy color palette (#D3ECF5, #0066A1, #003388, #140048, #060014)
Browse the whole catalog at Explore, or see today's palette.