Tempered Petrol color palette — #FBF4EA · #7BC5D3 · #00799B · #005650 · #003655
Teal takes the lead with Sky close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#FBF4EA): a clean, paper-quiet neutral.
- Sky (#7BC5D3): A luminous, dusty blue — the color of open sky before noon.
- Teal (#00799B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005650): A full-bodied, dusty teal — the color of glacier melt.
- Navy (#003655): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Hazy Veranda color palette (#FFF4E2, #7DC0ED, #096DCB, #005462, #1B2A6F)
- Cobalt Drift color palette (#FFEEE5, #6ACCDC, #007AB0, #005438, #050E4E)
- Antique Denim color palette (#E5DED4, #6EA9B9, #005F82, #003E3C, #00213B)
- Gentle Balcony color palette (#EBFAED, #83ECFF, #00BBEE, #00998E, #003655)
- Hushed Terrace color palette (#FFF0FB, #77DCED, #0096D8, #007650, #182C6D)
- Tempered Cypress color palette (#F8F5EF, #C9E4D7, #6090B5, #007077, #573D57)
- Dusty Navy Hollow color palette (#F3EADC, #5F96BB, #00488D, #002F37, #06004A)
- Weathered Raspberry color palette (#F0D9E6, #C30096, #706500, #005C72, #440033)
Browse the whole catalog at Explore, or see today's palette.