Tempered Petrol color palette — #D4E4DB · #006B88 · #42444E · #00273D · #000D06
A conversation between Peacock and Midnight, giving this palette its sense of trust and stability.
The five colors
- Silver (#D4E4DB): A whisper-light, dusty teal — the color of sea glass.
- Peacock (#006B88): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#42444E): quiet, heavy and certain.
- Midnight (#00273D): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000D06): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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
- Cerulean Orchard color palette (#D6E6F0, #0086A7, #214565, #002030, #000203)
- Timeworn Cocoa color palette (#E3EDDD, #00715F, #692E0C, #002B29, #030C00)
- Antique Alley color palette (#E4E5D5, #78C0BF, #00848D, #005A4F, #00242A)
- Pine Balcony color palette (#D5F1E8, #008CDF, #008D3A, #00568C, #002208)
- Plum Loft color palette (#F8DCEE, #605EE4, #B70086, #006372, #0C0A32)
- Tempered Iris Hollow color palette (#F9EEF7, #7D98E4, #67505E, #3F343D, #252025)
- Orchid Villa color palette (#EEDADF, #A25CC7, #513451, #321921, #120B0E)
- Worn Canyon color palette (#EADAE9, #0471ED, #25316D, #280F29, #000A07)
Browse the whole catalog at Explore, or see today's palette.