Tempered Petrol Workshop color palette — #EDF0E4 · #8DBDAC · #066DAD · #004D61 · #072E57
A conversation between Peacock and Navy, giving this palette its sense of trust and stability.
The five colors
- Cream (#EDF0E4): a clean, paper-quiet neutral.
- Mint Leaf (#8DBDAC): A luminous, dusty teal — the color of sea glass.
- Peacock (#066DAD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#004D61): A deep, shadowed, dusty blue — the color of open sky before noon.
- Navy (#072E57): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Petrol Workshop 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 Cobalt color palette (#F2E7DD, #8EC0AD, #2F69BC, #004B4E, #110E38)
- Tempered Cobalt Study color palette (#F4F6EF, #A1D0C4, #517AB0, #005A7E, #27395F)
- Timeworn Cypress Corridor color palette (#EFF0E3, #7ABFBE, #00767E, #005146, #00353C)
- Tempered Periwinkle color palette (#E1F3F2, #ACDAF8, #39ACFF, #008CAE, #0B2E54)
- Cerulean Orchard color palette (#E4E7D8, #509BB2, #00516C, #002F34, #001624)
- Timeworn Terrace color palette (#CEE6E2, #007C72, #0060A9, #485400, #002622)
- Pale Lagoon color palette (#D0EDDB, #009D70, #006D57, #004A40, #00303A)
- Petrol Cabin color palette (#F4F6EE, #C7E5E8, #7D9CBE, #42768D, #5E4C5D)
Browse the whole catalog at Explore, or see today's palette.