Tempered Petrol color palette — #F4F7E5 · #76C5D9 · #007A98 · #00555A · #00384E
Built around Teal, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Cream (#F4F7E5): A whisper-light, dusty green — the color of a quiet forest floor.
- Sky (#76C5D9): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#007A98): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#00555A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Deep Teal (#00384E): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Ancient Cobalt color palette (#FCEFE8, #80C8D9, #007AAD, #005347, #00173F)
- Tempered Villa color palette (#F1F9E4, #8ABEE9, #006EC9, #00516E, #0F2F69)
- Weathered Field color palette (#E7EADE, #6FA8BC, #00607F, #003D44, #002235)
- Chalky Sky color palette (#E4FBF7, #8FE9FF, #00BCE9, #00969E, #00384E)
- Misty Azure Study color palette (#FEF1FA, #88D9ED, #0097D5, #007464, #002E70)
- Weathered Navy color palette (#E6EBDB, #5E86A0, #003F69, #00212C, #00091B)
- Hazy Peony Balcony color palette (#FFDADC, #CD44AF, #0078AF, #870071, #00314C)
- Linen Parlor color palette (#FFF1F6, #FFC2CB, #F37169, #903F7A, #541F2F)
Browse the whole catalog at Explore, or see today's palette.