Petrol Ridge color palette — #EAF8FF · #7DBBCD · #C8866D · #008099 · #614256
A conversation between Cerulean and Caramel, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EAF8FF): a clean, paper-quiet neutral.
- Ash (#7DBBCD): A luminous, dusty blue — the color of open sky before noon.
- Caramel (#C8866D): A luminous, balanced orange — the color of sun-warmed clay.
- Cerulean (#008099): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal Brown (#614256): A full-bodied, dusty pink — the color of peonies in June.
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
- Cypress Meadow color palette (#E8F9FA, #82BFA9, #C0859B, #208569, #564560)
- Ancient Petrol color palette (#E7F4FC, #83BED0, #CE8874, #007F99, #4B2519)
- Cerulean Lagoon color palette (#E8FAF3, #97CCEC, #E59A9A, #3C96C5, #6A3F40)
- Aged Cobalt Hollow color palette (#F0F6FF, #97AFE5, #AD9663, #5670AE, #35563D)
- Hushed Driftwood color palette (#EBF7FF, #5CA3BE, #B17396, #7D793F, #304653)
- Aged Cerulean color palette (#EBF7FF, #D8D9E4, #D3B4D0, #6794A2, #3E4E5C)
- Linen Azure Meadow color palette (#EDF7FF, #2AADF7, #A65900, #006292, #592E00)
- Tempered Turquoise Meadow color palette (#ECF9F1, #8CE4FD, #FFB09E, #50B8D3, #534B47)
Browse the whole catalog at Explore, or see today's palette.