Tempered Petrol color palette — #EBF7FF · #71BCD8 · #C18B68 · #147E9E · #653F53
Built around Cerulean, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Ivory (#EBF7FF): a clean, paper-quiet neutral.
- Cyan (#71BCD8): A luminous, balanced blue — the color of deep harbor water.
- Caramel (#C18B68): A luminous, balanced gold — the color of old brass.
- Cerulean (#147E9E): A full-bodied, balanced blue — the color of deep harbor water.
- Cocoa (#653F53): A full-bodied, dusty rose — the color of strawberry cream.
Feels like: Trust, Stability, Optimism, 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
- Timeworn Petrol Atelier color palette (#E9F5EF, #85BCD6, #C78D6C, #007DA4, #36302B)
- Patina Atelier color palette (#E6FAFB, #75C1AA, #C2858D, #26846C, #5B445E)
- Tempered Cerulean Orchard color palette (#EBF7FF, #95CDE9, #DCA284, #2D98C2, #634154)
- Softworn Petrol color palette (#EEF6FF, #8FB3DD, #AA9763, #4675A9, #31573E)
- Turquoise Dune color palette (#EBF7FF, #52A3C5, #AC7F51, #7C7143, #2E4655)
- Oat Terrace color palette (#EAF7FF, #DBDAE5, #DCBDDA, #669198, #445161)
- Worn Cornflower color palette (#EEF6FF, #3496F8, #AF6E00, #005CAA, #533200)
- Ancient Denim Archive color palette (#F0F5FF, #A5CBB2, #4D5D85, #2A3952, #25242E)
Browse the whole catalog at Explore, or see today's palette.