Petrol Ridge color palette — #F0E6E9 · #8FB8DC · #5664AD · #004B4D · #1D0932
Built around Slate, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Rose Water (#F0E6E9): bright and airy, almost weightless.
- Sky (#8FB8DC): A luminous, dusty blue — the color of open sky before noon.
- Slate (#5664AD): A full-bodied, balanced violet — the color of twilight just after sunset.
- Forest (#004B4D): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#1D0932): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. 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
- Aged Atelier color palette (#F1E4EF, #7FC0C7, #0074A0, #004E2E, #01113D)
- Sapphire Lantern color palette (#E6F2E8, #93B5D6, #3864B8, #004D60, #252855)
- Cobalt Boulevard color palette (#FBEDF6, #9ADCEB, #1F8BCA, #006548, #131D56)
- Airy Denim color palette (#E6E9FF, #EEAAC3, #D0874E, #225A99, #2B0E2C)
- Aged Navy color palette (#FAE9F1, #4E93B4, #02439A, #002C27, #050019)
- Timeworn Cypress color palette (#F5F0F6, #D0D3E8, #7BA2B9, #4F7652, #24384C)
- Weathered Atelier color palette (#F5E5FC, #A74FCB, #125E08, #004536, #15011E)
- Patina Abyss Coast color palette (#F1E7EF, #488388, #004159, #00210E, #000106)
Browse the whole catalog at Explore, or see today's palette.