Tempered Petrol color palette — #E8F3FF · #D5D4F5 · #AAB3EB · #006F99 · #0F2338
Built around Peacock, softened by Lavender — the whole palette hums with trust and stability.
The five colors
- Ivory (#E8F3FF): a clean, paper-quiet neutral.
- Lilac Frost (#D5D4F5): A whisper-light, dusty violet — the color of wild irises.
- Lavender (#AAB3EB): A luminous, balanced violet — the color of wild irises.
- Peacock (#006F99): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#0F2338): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged pastel, light, 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
- Washed Study color palette (#DFF7FF, #C4D9F7, #88C3E0, #00837B, #00282E)
- Washed Petrol Harbor color palette (#EFF1FF, #E5CBF9, #C69DC6, #6967A7, #22223F)
- Mallow Market color palette (#DCFEF1, #CFDBFF, #CDA4E1, #00828B, #473649)
- Weathered Denim Hollow color palette (#DEE9F8, #9FABE7, #8577BD, #004A7F, #050C2C)
- Weathered Archive color palette (#ECF7FF, #DCDAE4, #B3AEA4, #009EAC, #20314B)
- Washed Cerulean color palette (#FEF0FF, #DFD7F3, #BDBAFF, #5195C5, #493347)
- Faded Fern Study color palette (#D9EDF7, #00839B, #6F6700, #2C4F00, #00131C)
- Feathered Lapis Balcony color palette (#EEF1FF, #E3C8FF, #CF7EDB, #5343D3, #2A0C47)
Browse the whole catalog at Explore, or see today's palette.