Tempered Petrol color palette — #F6EDDF · #83BBCD · #12719A · #00504F · #002F55
Peacock takes the lead with Navy close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F6EDDF): A whisper-light, dusty gold — the color of honey in a jar.
- Ash (#83BBCD): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#12719A): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#00504F): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Navy (#002F55): A deep, shadowed, balanced blue — the color of open sky before noon.
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
- Worn Lagoon color palette (#FAF4EB, #A9CFBE, #387EB4, #005E67, #223A62)
- Petrol Garden color palette (#F2E6E0, #9BBDA9, #256FAD, #004D3D, #0F0D3C)
- Ancient Delta color palette (#E7DFD2, #72A5CA, #0354AA, #003C48, #10174D)
- Ancient Basin color palette (#E6F2E8, #A2DEF1, #0FB2F2, #009190, #0D304E)
- Aged Cerulean Market color palette (#F4EDE1, #3C9FA8, #005364, #003129, #001622)
- Muted Azure Canyon color palette (#E6F7D9, #6BD5D4, #39A8D6, #28723A, #003935)
- Softworn Hollow color palette (#E7DDCE, #5887A3, #003D70, #002127, #01002F)
- Cypress Terrace color palette (#F9F4EE, #CCE4CA, #3799A6, #117356, #2D503F)
Browse the whole catalog at Explore, or see today's palette.