Tempered Petrol color palette — #F1F3EC · #C7DFDE · #7BA794 · #117886 · #183E33
A conversation between Teal and Eucalyptus, giving this palette its sense of trust and stability.
The five colors
- Cream (#F1F3EC): a clean, paper-quiet neutral.
- Silver (#C7DFDE): A whisper-light, dusty teal — the color of shallow lagoons.
- Eucalyptus (#7BA794): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#117886): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#183E33): A deep, shadowed, dusty teal — the color of sea glass.
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
- Cerulean Alley color palette (#F1F3EC, #C8E4D7, #5495BE, #006A7C, #00352B)
- Ancient Market color palette (#F3F3E2, #7DCCC7, #008286, #005346, #001F23)
- Muted Cerulean color palette (#EEF7F6, #D5DDEC, #84BAD5, #4D929E, #405566)
- Ancient Denim Balcony color palette (#DEE3D4, #5C90B4, #004C81, #002A38, #000411)
- Softworn Dune color palette (#F4F2E6, #D0E0CD, #B2B8C9, #949566, #3B3A33)
- Tempered Summit color palette (#F9F1E0, #A89D6C, #4AA17B, #B55A4A, #30260D)
- Worn Fern Corridor color palette (#FCEBD0, #C6BA8A, #948C45, #666500, #393730)
- Fern Boulevard color palette (#F6F3DA, #D5CEA3, #7C8E51, #495500, #171F00)
Browse the whole catalog at Explore, or see today's palette.