Tempered Petrol color palette — #E5F3E8 · #91B5DA · #4365AD · #004D61 · #262854
A conversation between Slate and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Cream (#E5F3E8): A whisper-light, dusty teal — the color of sea glass.
- Sky (#91B5DA): A luminous, dusty blue — the color of open sky before noon.
- Slate (#4365AD): A full-bodied, balanced violet — the color of twilight just after sunset.
- Peacock (#004D61): A deep, shadowed, dusty blue — the color of open sky before noon.
- Deep Indigo (#262854): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, 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
- Wandering Petrol Cabin color palette (#E7F2E9, #7CBEC7, #00748F, #005147, #00324A)
- Worn Indigo Archive color palette (#F0E6E9, #93B7DC, #585DC1, #004A4F, #1F0831)
- Tempered Harbor color palette (#EFF8F0, #96DAEE, #008ABB, #006764, #09426D)
- Timeworn Iris color palette (#F5EDE4, #A3CFC4, #767FC9, #006B71, #392050)
- Periwinkle Dune color palette (#F4EEE3, #ADDFD2, #75A1FF, #008CAF, #27294F)
- Antique Denim Lagoon color palette (#E0ECE2, #5E97B6, #004C81, #002F35, #000943)
- Tempered Cobalt color palette (#D1E5CF, #AB7000, #006DB9, #654000, #002A4D)
- Worn Cypress Pier color palette (#F1F7F2, #CFE2F4, #6BA4AE, #477A69, #3D5666)
Browse the whole catalog at Explore, or see today's palette.