Tempered Petrol color palette — #E9F3FC · #64A5C9 · #686BA6 · #623C61 · #002E32
Built around Slate, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Ivory (#E9F3FC): a clean, paper-quiet neutral.
- Cyan (#64A5C9): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#686BA6): A full-bodied, balanced violet — the color of a velvet chair.
- Mulberry (#623C61): A full-bodied, dusty pink — the color of neon signs at night.
- Deep Forest (#002E32): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged 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
- Petrol Pier color palette (#E7F5F8, #4FAEA6, #2B79A6, #4B437B, #002F2A)
- Weathered Iris color palette (#EDF2FD, #8E95DB, #905C90, #73373E, #062B3D)
- Patina Quarry color palette (#EBF4F4, #D6D8EC, #799ED4, #45718B, #2B3749)
- Aqua Corridor color palette (#EDF9F0, #36C5DA, #708CC0, #785C86, #40443D)
- Ancient Parlor color palette (#E3F0F6, #0092AF, #2B3E4C, #112028, #080D0F)
- Worn Teal color palette (#EFF8F0, #00ADB3, #8C6080, #74453D, #573D00)
- Chalky Mulberry Lagoon color palette (#E6EDFF, #6D6FCD, #8A1880, #66000D, #001624)
- Glacier Studio color palette (#E8F4FA, #AAFAF6, #5CE8FE, #5BA3CC, #152C37)
Browse the whole catalog at Explore, or see today's palette.