Tempered Petrol color palette — #F1F7F2 · #DADCED · #849BBC · #057A98 · #46526F
A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Silver (#DADCED): A whisper-light, dusty violet — the color of wild irises.
- Blue Fog (#849BBC): A luminous, dusty blue — the color of deep harbor water.
- Teal (#057A98): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#46526F): A full-bodied, dusty violet — the color of twilight just after sunset.
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
- Ash Canyon color palette (#F7EFF2, #DAD0E2, #8E99CB, #367779, #333447)
- Antique Petrol Garden color palette (#E7F2E9, #95B7CA, #00709F, #004F50, #002E58)
- Washed Cypress Loft color palette (#F0F7F1, #C2E3EC, #4798A4, #007458, #194F61)
- Muted Study color palette (#F9F4EF, #C6DFF1, #A0ADEA, #499497, #624B54)
- Wandering Cerulean color palette (#D9E6DB, #509DA5, #005265, #003129, #001623)
- Tempered Rust Bloom color palette (#E2FCF7, #80A476, #688BC0, #AD595C, #2E4844)
- Dusty Coast color palette (#EBF9F5, #A2B891, #A48DC0, #558129, #494A68)
- Washed Canyon color palette (#FEF1F6, #ACBEAC, #997483, #7F503E, #3B4D40)
Browse the whole catalog at Explore, or see today's palette.