Petrol Basin color palette — #FCF2F7 · #BE8B6A · #007E90 · #774149 · #52394E
A conversation between Teal and Caramel, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FCF2F7): a clean, paper-quiet neutral.
- Caramel (#BE8B6A): A luminous, dusty gold — the color of afternoon light on wheat.
- Teal (#007E90): A full-bodied, balanced blue — the color of open sky before noon.
- Coffee (#774149): A full-bodied, dusty red — the color of embers at dusk.
- Charcoal (#52394E): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, Optimism, Warmth, Comfort, Sophistication. Tagged muted, warm.
Use it as a design system
One click turns Petrol Basin 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
- Taupe Corridor color palette (#F4F3E3, #8DA764, #2E7D90, #554367, #392112)
- Softworn Petrol Chapel color palette (#EDF8F3, #999E58, #6E67A5, #76433C, #51394D)
- Tempered Workshop color palette (#EBF9F5, #A0BE71, #4B98AD, #65648A, #53394A)
- Periwinkle Terrace color palette (#FAF3F6, #D8DFF0, #789BCE, #337D72, #4A516A)
- Driftwood Parlor color palette (#F1F7F1, #9FCDBA, #668C6B, #556D56, #3F524A)
- Dusty Garnet Delta color palette (#E7FCE8, #A57200, #006287, #7C0501, #521E00)
- Cocoa Lantern color palette (#F7F6E9, #BDD09D, #94A9D5, #9579AD, #6B2E13)
- Muted Field color palette (#E6FAF6, #CEE0C7, #BDE085, #53AABF, #314A4B)
Browse the whole catalog at Explore, or see today's palette.