Petrol Market color palette — #FCF4EB · #BD8D57 · #157AA4 · #7A4040 · #48403E
A conversation between Cerulean and Caramel, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FCF4EB): a clean, paper-quiet neutral.
- Caramel (#BD8D57): A luminous, balanced gold — the color of old brass.
- Cerulean (#157AA4): A full-bodied, balanced blue — the color of open sky before noon.
- Coffee (#7A4040): A full-bodied, balanced orange — the color of sun-warmed clay.
- Charcoal (#48403E): a grounded near-black with real depth.
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
- Coral Harbor color palette (#FDF2EF, #CD7F7F, #17826F, #6E4267, #5C363B)
- Aged Jade Courtyard color palette (#E5F6F2, #87A968, #3D7A93, #5F3E64, #3B1B2B)
- Dusty Atelier color palette (#F5F6EA, #76A769, #8B5C93, #79432C, #48413C)
- Patina Lime Study color palette (#F6F6EA, #94C269, #4499AF, #845B6B, #48413D)
- Periwinkle Cabin color palette (#FAF4EF, #C7EAEB, #7B99D0, #3F7B74, #634A57)
- Softworn Lagoon Bloom color palette (#FBF6D8, #9ACB9D, #00997D, #0F767B, #355345)
- Dusty Alley color palette (#ECF9F2, #CFCB8A, #6FB4D0, #A6768F, #60333B)
- Hushed Cabin color palette (#FFF2EA, #CBC3AB, #8B9C80, #A0623E, #743E0E)
Browse the whole catalog at Explore, or see today's palette.