Petrol Ridge color palette — #EEF6FF · #D4DBFF · #BFA5E4 · #0080A0 · #304264
Cerulean takes the lead with Mauve close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#EEF6FF): a clean, paper-quiet neutral.
- Powder Blue (#D4DBFF): A whisper-light, dusty violet — the color of twilight just after sunset.
- Mauve (#BFA5E4): A luminous, balanced violet — the color of a velvet chair.
- Cerulean (#0080A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#304264): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged pastel, light, muted, cool.
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
- Muted Mallow color palette (#F1F5FF, #F2D3E6, #E39DCE, #476BA8, #463762)
- Wandering Cypress color palette (#DAFDFF, #CADCF7, #97B8F2, #00826E, #0D4E60)
- Airy Petrol Basin color palette (#E9F2FF, #C7C2FF, #AF80C4, #00699D, #262F52)
- Mallow Courtyard color palette (#E8F3FF, #E4D2E6, #F296C0, #007F79, #1A2B4F)
- Muted Workshop color palette (#F6F3FF, #E5D6DE, #BAAB9E, #8083AA, #504A5B)
- Dusty Thicket color palette (#DFFDF3, #ECE0EF, #FFB5DE, #00A8AD, #38496B)
- Navy Terrace color palette (#EBEDFF, #C0A5D7, #AB6B9B, #1E4583, #2E1F46)
- Dusty Indigo color palette (#F9EDFF, #FFB8E5, #EB8295, #6A57AE, #55234F)
Browse the whole catalog at Explore, or see today's palette.