Petrol Market color palette — #F4EBF2 · #74C5D6 · #006EA5 · #00402C · #010015
A conversation between Peacock and Sky, giving this palette its sense of trust and stability.
The five colors
- Blush (#F4EBF2): bright and airy, almost weightless.
- Sky (#74C5D6): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#006EA5): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#00402C): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#010015): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Hushed Alley color palette (#F9E9EF, #91BCE2, #4F59C1, #003D40, #05000D)
- Airy Cobalt Atelier color palette (#FFF0F8, #A3D4ED, #4078D1, #00524A, #0E002F)
- Softworn Cerulean color palette (#FBE7DD, #299FB4, #004F77, #003121, #060C3B)
- Aged Wisteria color palette (#D8F3FF, #A9CCFF, #C282C2, #006854, #000611)
- Wandering Villa color palette (#D4ECF9, #008CA9, #BC2100, #004352, #040000)
- Cerulean Alley color palette (#EEE3D3, #5DC0D3, #0090B9, #006E66, #001626)
- Azure Bloom color palette (#C3E6F7, #00A4E1, #005E7C, #001926, #000103)
- Lagoon Harbor color palette (#D7F3E1, #009D88, #005864, #002D3E, #000207)
Browse the whole catalog at Explore, or see today's palette.