Tempered Petrol color palette — #DFF3FC · #007B8B · #5F4800 · #233600 · #000C09
A conversation between Teal and Bronze, giving this palette its sense of nature and growth.
The five colors
- Frost (#DFF3FC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Teal (#007B8B): A full-bodied, balanced blue — the color of deep harbor water.
- Bronze (#5F4800): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Deep Forest (#233600): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#000C09): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, 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
- Patina Cobalt color palette (#E3F1FF, #0072B4, #405700, #00412F, #00070A)
- Sunlit Garnet Workshop color palette (#D0F5F3, #007F42, #911B00, #452B00, #050900)
- Smoked Denim color palette (#DDEDFF, #004E87, #263400, #001C11, #000203)
- Patina Lapis color palette (#E9F0FF, #4C4EEB, #005B2F, #003638, #000711)
- Worn Harbor color palette (#F1F5FF, #8880DA, #007D5A, #005C65, #102032)
- Powdered Brick Cabin color palette (#DBF4EA, #20A2DE, #BD0024, #285F00, #000704)
- Azure Loft color palette (#ECF7FF, #319ED3, #7D7D32, #1C6B3C, #0A2F39)
- Softworn Basin color palette (#E0E4FB, #7D5ACC, #900F64, #5A1B00, #00112C)
Browse the whole catalog at Explore, or see today's palette.