Tempered Petrol color palette — #EDDCD5 · #64AEB5 · #0080A2 · #006045 · #000A17
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Bone (#EDDCD5): A whisper-light, dusty orange — the color of autumn markets.
- Cyan (#64AEB5): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#0080A2): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#006045): A full-bodied, balanced teal — the color of glacier melt.
- Ink (#000A17): 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
- Weathered Cobalt Field color palette (#EEDED2, #6BA9CC, #3C74BF, #005D5F, #06002B)
- Weathered Denim Pier color palette (#D4E8E4, #52A0A7, #006471, #003C39, #000B10)
- Ancient Hollow color palette (#EBE2E9, #27878E, #004255, #002015, #000104)
- Misty Iris Summit color palette (#F8EEE4, #96C5F0, #738ED9, #007B8A, #201445)
- Aged Periwinkle color palette (#FAEBE1, #B1E0C8, #5BABEF, #00918A, #1B295A)
- Chestnut Basin color palette (#F4EFE2, #9BB46C, #3BAC87, #9A5116, #111100)
- Hushed Indigo Atelier color palette (#F0E0C9, #A27500, #5D58E3, #6E4E00, #040021)
- Worn Bronze color palette (#F0E1C9, #8B8426, #7B5900, #613100, #020400)
Browse the whole catalog at Explore, or see today's palette.