Petrol Market color palette — #E9F1EC · #DED3DF · #CCADBD · #008093 · #213227
Built around Teal, softened by Rosewood Mist — the whole palette hums with trust and stability.
The five colors
- Cream (#E9F1EC): bright and airy, almost weightless.
- Silver (#DED3DF): A whisper-light, dusty pink — the color of peonies in June.
- Rosewood Mist (#CCADBD): A luminous, dusty rose — the color of pressed rose petals.
- Teal (#008093): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Forest (#213227): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns 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
- Aged Cobalt Basin color palette (#F3ECF2, #E3D2D9, #CEAEB0, #456FBD, #342A33)
- Weathered Petrol Harbor color palette (#DEE9E5, #CDBFC9, #B99CA3, #006896, #03261C)
- Cerulean Cabin color palette (#E6F2EB, #BFD9DC, #DBBAC3, #36A0BF, #24322A)
- Timeworn Pine color palette (#EDF0E9, #D0DBD1, #9CC1B4, #008660, #2A3023)
- Fern Lantern color palette (#CFE7DB, #97B89A, #7484B0, #4E5F0E, #05432D)
- Timeworn Cypress color palette (#EBE4D3, #8AB27D, #00856B, #005D80, #2A2B01)
- Muted Lapis Summit color palette (#D8E6D6, #009A94, #5153BD, #573E00, #002523)
- Weathered Cobalt color palette (#D8EBE5, #0077BD, #352A55, #001B15, #000602)
Browse the whole catalog at Explore, or see today's palette.