Tempered Petrol color palette — #D6F5F5 · #5875A3 · #613E60 · #003620 · #002213
A conversation between Slate and Charcoal Brown, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#D6F5F5): A whisper-light, dusty teal — the color of glacier melt.
- Slate (#5875A3): A full-bodied, dusty blue — the color of deep harbor water.
- Charcoal Brown (#613E60): A full-bodied, dusty pink — the color of a candy shop window.
- Deep Forest (#003620): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#002213): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Aged Cerulean Dune color palette (#D3F6E5, #348498, #4C4A76, #392D00, #151D01)
- Basalt Balcony color palette (#D1EFFA, #61618C, #5C2C3E, #00292A, #001516)
- Driftwood Coast color palette (#D7E4FC, #916698, #733D39, #0C381E, #00210D)
- Muted Mulberry color palette (#D4DFF4, #9280BC, #824579, #563D00, #191D00)
- Softworn Lantern color palette (#E8E0D6, #6794BD, #363E91, #002F31, #1E0037)
- Hushed Driftwood Balcony color palette (#DAE3FF, #A37497, #7C4C3E, #003C54, #00293B)
- Hushed Raspberry Alley color palette (#DCF0F9, #7993E1, #AB549A, #3B5E31, #082900)
- Tempered Azure color palette (#CDF6F5, #619EC9, #85659B, #005A3D, #004342)
Browse the whole catalog at Explore, or see today's palette.