Tempered Petrol color palette — #F7ECE6 · #80BBD0 · #006DAC · #00504A · #1D2C50
Built around Peacock, softened by Midnight — the whole palette hums with trust and stability.
The five colors
- Cream (#F7ECE6): a clean, paper-quiet neutral.
- Ash (#80BBD0): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#006DAC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00504A): A deep, shadowed, dusty teal — the color of sea glass.
- Midnight (#1D2C50): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Sophistication. 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 Hollow color palette (#DFECEB, #6BC0DE, #00759D, #004A53, #001828)
- Cerulean Corridor color palette (#EDF0E3, #8CD0E8, #0092C4, #006A77, #00314C)
- Tempered Cobalt Archive color palette (#FCF3EC, #A2D1BE, #3E79C2, #005F61, #4C3044)
- Powdered Quarry color palette (#E9E2DA, #7BA4C5, #284CB4, #003D44, #1E1545)
- Aged Forest color palette (#FEF3ED, #99DDD8, #008FA3, #006B39, #004662)
- Denim Ridge color palette (#EFDDD4, #4F9DA6, #00516B, #003124, #00142A)
- Washed Periwinkle color palette (#FAF4EF, #CBE7E6, #719DCA, #337C79, #5E4C59)
- Ancient Navy color palette (#EADFD6, #5587A6, #003684, #002224, #08002A)
Browse the whole catalog at Explore, or see today's palette.