Tempered Petrol color palette — #D7F6FB · #007388 · #005469 · #002838 · #000F1B
A conversation between Teal and Peacock, giving this palette its sense of trust and stability.
The five colors
- Frost (#D7F6FB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Teal (#007388): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005469): A full-bodied, dusty blue — the color of open sky before noon.
- Midnight (#002838): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#000F1B): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.
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
- Muted Hollow color palette (#DFEDE5, #007A5D, #005849, #00332D, #000C0B)
- Aged Cobalt color palette (#D6EAFA, #007EC6, #004875, #001F36, #000205)
- Lagoon Orchard color palette (#DAEDEB, #00868E, #006480, #004269, #00081D)
- Wandering Cobalt Study color palette (#D7E5F3, #7EA5DF, #6E7CC6, #005576, #000E21)
- Muted Mulberry color palette (#E3F2FF, #0071A3, #950086, #003C5A, #10000E)
- Tempered Atelier color palette (#D1E4EF, #005F87, #62239E, #004937, #000204)
- Wandering Navy color palette (#D4E7F7, #0073C0, #004A99, #00147C, #020026)
- Ancient Azure color palette (#D7E6EE, #0FADF3, #007EC5, #004E91, #072A60)
Browse the whole catalog at Explore, or see today's palette.