Tempered Petrol Market color palette — #F6EFF5 · #D5C0A2 · #4F6184 · #3F273D · #1B0F1A
Graphite and Espresso set the tone — five colors that lean into sophistication.
The five colors
- Ivory (#F6EFF5): a clean, paper-quiet neutral.
- Sand (#D5C0A2): A luminous, dusty gold — the color of honey in a jar.
- Graphite (#4F6184): A full-bodied, dusty violet — the color of twilight just after sunset.
- Espresso (#3F273D): A deep, shadowed, dusty pink — the color of peonies in June.
- Ink (#1B0F1A): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Sophistication. Tagged luxury, dark, 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
- Petrol Harbor color palette (#ECF4F0, #E0B9AC, #36687F, #00364A, #081711)
- Denim Station color palette (#FBEEF1, #84C2AB, #644678, #341845, #15080C)
- Weathered Cobalt Drift color palette (#EFF6FF, #E6CEA3, #617CB5, #3C4E68, #262C34)
- Timeworn Cobalt Grove color palette (#F5F0F5, #A5C6F1, #B76969, #3D73B6, #20120D)
- Feathered Coast color palette (#FFEBF8, #A6AF63, #3D428E, #171452, #12020E)
- Wandering Driftwood Dune color palette (#EFF4E4, #8DAFD0, #8F6893, #005F5A, #3A2433)
- Hushed Pier color palette (#FAEEF2, #997FB4, #8E4F5B, #24582B, #24141A)
- Pine Station color palette (#F5E4E7, #007B51, #34003D, #220F0E, #070009)
Browse the whole catalog at Explore, or see today's palette.