Tempered Petrol Market color palette — #F2E6E1 · #7FBFCD · #0072AB · #004D37 · #0A1136
A conversation between Slate and Forest, giving this palette its sense of trust and stability.
The five colors
- Parchment (#F2E6E1): bright and airy, almost weightless.
- Ash (#7FBFCD): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#0072AB): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004D37): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#0A1136): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Petrol Market 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
- Dusty Petrol Ridge color palette (#F5EDE2, #5CC1D6, #007295, #00504B, #04314D)
- Patina Cobalt color palette (#F9F0EA, #ACD2BC, #1E7FD0, #005D4B, #1A1C3D)
- Gentle Study color palette (#EFE1D7, #67A5C8, #2750AF, #003A36, #0E0127)
- Weathered Cabin color palette (#EDF9EF, #B4F1FF, #00A0CF, #006A64, #002137)
- Lagoon Archive color palette (#FAE7E0, #1F9D9D, #005167, #002E0C, #00040F)
- Wandering Parlor color palette (#F6F1EC, #C2E5DB, #7C89C8, #006C6F, #3D232E)
- Plum Alley color palette (#FDDADC, #A7358F, #006F57, #005257, #1C0105)
- Muted Navy Parlor color palette (#F4E9E1, #2C83A5, #00387D, #00201B, #010009)
Browse the whole catalog at Explore, or see today's palette.