Tempered Petrol color palette — #F5EBF0 · #90B7D0 · #266CA8 · #00504D · #1D295A
Built around Slate, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Blush (#F5EBF0): a clean, paper-quiet neutral.
- Ash (#90B7D0): A luminous, dusty blue — the color of deep harbor water.
- Slate (#266CA8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00504D): A deep, shadowed, dusty teal — the color of glacier melt.
- Navy (#1D295A): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, 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
- Aged Petrol Field color palette (#E8EAE1, #87BCD4, #0074A3, #004956, #00172A)
- Muted Cobalt Thicket color palette (#FCF2F6, #AEC9DE, #5879AD, #005F64, #35365B)
- Hushed Delta color palette (#F4E2ED, #63AEA9, #006271, #004121, #002333)
- Forest Summit color palette (#C5F9FE, #96D0DA, #6C98D5, #2F672B, #0A3C45)
- Washed Cypress Hollow color palette (#FBF2F6, #D9DFF0, #809BBE, #3C7A7B, #47526C)
- Antique Periwinkle Summit color palette (#F6ECE6, #9FDDF9, #4DA9FF, #00918D, #202A53)
- Antique Teal color palette (#A0FCF5, #00A89E, #005F54, #00312B, #001921)
- Emerald Veranda color palette (#DAE6C4, #399D42, #007255, #00463E, #003236)
Browse the whole catalog at Explore, or see today's palette.