Tempered Petrol Canyon color palette — #D2E4E6 · #008094 · #00526B · #002E47 · #141035
Built around Teal, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Silver (#D2E4E6): a clean, paper-quiet neutral.
- Teal (#008094): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#00526B): A full-bodied, dusty blue — the color of open sky before noon.
- Midnight (#002E47): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Indigo (#141035): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.
Use it as a design system
One click turns Tempered Petrol Canyon 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
- Tempered Turquoise Workshop color palette (#C9E8EA, #00A5C4, #0081AD, #006493, #00193D)
- Tempered Pine Loft color palette (#D8E6DB, #008964, #00554C, #003333, #041A29)
- Softworn Station color palette (#DCEDF3, #008BC0, #005489, #001E72, #260542)
- Worn Cobalt Balcony color palette (#DFEFFF, #387FCF, #00467E, #001C3D, #000917)
- Frosted Study color palette (#C8E4F9, #0076A6, #894300, #003E5A, #2E1200)
- Pale Iris color palette (#CAE5FF, #8DA9E5, #9380C6, #005364, #072548)
- Worn Mulberry color palette (#D8E7F4, #005F94, #900045, #344400, #001323)
- Feathered Nightshade color palette (#D7E9FF, #3D6EE1, #3C29B6, #340078, #2E0351)
Browse the whole catalog at Explore, or see today's palette.