Petrol Market color palette — #F1F6FB · #9DC5E9 · #A1688A · #1C72B0 · #312B38
A conversation between Slate and Mocha, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F1F6FB): bright and airy, almost weightless.
- Sky (#9DC5E9): A luminous, dusty blue — the color of deep harbor water.
- Mocha (#A1688A): A full-bodied, balanced pink — the color of neon signs at night.
- Slate (#1C72B0): A full-bodied, balanced blue — the color of deep harbor water.
- Onyx (#312B38): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged duotone, muted.
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
- Iris Courtyard color palette (#F6F0F4, #AFC2F4, #9471B3, #586EAF, #1D1216)
- Ancient Cobalt color palette (#EFF7F9, #8DCECF, #7C73B3, #007D80, #292D3C)
- Antique Indigo Ridge color palette (#F3F5FB, #C0B9E7, #A46F53, #6F5FA8, #372931)
- Dusty Lilac Basin color palette (#F2F5FB, #C0CFFF, #B586CB, #7588CA, #2D2C3A)
- Ancient Forest color palette (#E7FAF6, #8EA9D4, #886A91, #39663D, #40475B)
- Weathered Mulberry color palette (#EEF6FF, #ADB6E3, #8C71A9, #824279, #772F49)
- Dusty Cobalt color palette (#F2F5FB, #DDD8DF, #B6A8A5, #737EB3, #4D535D)
- Antique Blush color palette (#F2F5FF, #D9DBE6, #CDB9FF, #D27BA8, #464462)
Browse the whole catalog at Explore, or see today's palette.