Petrol Ridge color palette — #F7EBF0 · #8CB8D4 · #4364B1 · #00504C · #312158
Built around Royal Blue, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Blush (#F7EBF0): a clean, paper-quiet neutral.
- Ash (#8CB8D4): A luminous, dusty blue — the color of a favorite pair of jeans.
- Royal Blue (#4364B1): A full-bodied, balanced violet — the color of twilight just after sunset.
- Forest (#00504C): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#312158): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, 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
- Tempered Courtyard color palette (#F3ECF2, #81BDC2, #007299, #00532E, #0C2B5E)
- Muted Cobalt color palette (#FEF1F5, #B1C8DF, #6571BA, #005F62, #423256)
- Muted Cobalt color palette (#EFE8DE, #8CBAD6, #006DBC, #004A54, #051238)
- Sunlit Drift color palette (#FAF2F9, #AAD6E6, #008BBA, #006B3C, #1D3E74)
- Feathered Meadow color palette (#C3E7DF, #6D9E42, #5540C1, #2F5500, #251E57)
- Washed Thicket color palette (#F6E8F1, #4B9CB3, #004C81, #003125, #0D0540)
- Muted Cypress color palette (#FAF3F6, #DADDEE, #8A98C1, #0F7E7E, #4E5069)
- Feathered Bloom color palette (#F7ECE3, #9FDCFF, #79A3F3, #009288, #2E264E)
Browse the whole catalog at Explore, or see today's palette.