Petrol Ridge color palette — #EDF8F1 · #79BCCE · #C18C5F · #008098 · #524C46
Built around Cerulean, softened by Caramel — the whole palette hums with trust and stability.
The five colors
- Ivory (#EDF8F1): a clean, paper-quiet neutral.
- Cyan (#79BCCE): A luminous, dusty blue — the color of open sky before noon.
- Caramel (#C18C5F): A luminous, balanced gold — the color of honey in a jar.
- Cerulean (#008098): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal Brown (#524C46): 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 Ridge 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
- Wandering Petrol Archive color palette (#EAF3FA, #75BEDF, #CE8A5F, #007DA3, #422835)
- Hushed Cypress Parlor color palette (#F1F8EC, #81BEAD, #C98090, #00866F, #67423B)
- Timeworn Apricot color palette (#E9FAF2, #8ACFEE, #EB9B72, #4A97B7, #524C47)
- Wandering Indigo Corridor color palette (#FCF2F7, #AEA8DC, #B59354, #7165B2, #514C46)
- Washed Bronze Delta color palette (#FFF0FB, #8696C6, #B67579, #AE5D3C, #4E3C4A)
- Timeworn Harbor color palette (#E8FBF0, #E9D6D1, #E4BCAD, #4D9F95, #5D4D5F)
- Tempered Canyon color palette (#FBF2F9, #D0BE9C, #4E5D83, #482F44, #2E2124)
- Hazy Ultramarine Chapel color palette (#FFF0FB, #8E9CD5, #669A4C, #4D5BB7, #2D4C1E)
Browse the whole catalog at Explore, or see today's palette.