Petrol Market color palette — #EDF7FF · #7DB8DC · #C3896A · #377AA0 · #634154
Built around Slate, softened by Caramel — the whole palette hums with trust and stability.
The five colors
- Ivory (#EDF7FF): a clean, paper-quiet neutral.
- Sky (#7DB8DC): A luminous, balanced blue — the color of open sky before noon.
- Caramel (#C3896A): A luminous, balanced orange — the color of autumn markets.
- Slate (#377AA0): A full-bodied, balanced blue — the color of open sky before noon.
- Cocoa (#634154): A full-bodied, dusty rose — the color of a warm blush.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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
- Antique Cobalt color palette (#EEF6FF, #8AB3E3, #B69166, #4475AC, #3F543D)
- Cypress Villa color palette (#E9F9FC, #72C1B5, #C6838A, #1E8377, #5B435E)
- Weathered Study color palette (#E5F7EF, #86BBDC, #BE88B3, #007AAD, #4A2429)
- Hushed Station color palette (#ECF7FF, #5EA1C7, #B47A5A, #8E7049, #304555)
- Worn Cerulean color palette (#ECF7FF, #97CCEB, #9BBD89, #1898CD, #28574F)
- Wandering Ash Corridor color palette (#ECF7FF, #DAD9E4, #D4BAD7, #6B9AA8, #3F4E5F)
- Cerulean Delta color palette (#EEF6FF, #A6CCF4, #5881A7, #285174, #1E3952)
- Dusty Thicket color palette (#E7FAF4, #ADDBFF, #FFB09A, #68B0E5, #534B47)
Browse the whole catalog at Explore, or see today's palette.