Petrol Ridge color palette — #EEF7F7 · #C7E0F6 · #678DB8 · #006B8F · #324967
Peacock and Slate Blue set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EEF7F7): a clean, paper-quiet neutral.
- Powder Blue (#C7E0F6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Slate Blue (#678DB8): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#006B8F): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#324967): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, 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
- Worn Villa color palette (#EFF7F5, #C5E2EA, #3D9AA0, #007264, #244E5E)
- Tempered Cobalt Studio color palette (#E6FAF9, #B0D3F0, #2485CC, #00637D, #093F78)
- Muted Market color palette (#E0F0ED, #68ABB7, #006276, #003E3F, #002330)
- Weathered Abyss Orchard color palette (#DBEFED, #4F89A1, #00425D, #002128, #000A16)
- Washed Periwinkle color palette (#F9F4EF, #C1E6EA, #7FA4EC, #338891, #593E4E)
- Faded Petrol color palette (#E6F1F1, #95B5D6, #3267B2, #004B6B, #152960)
- Wandering Station color palette (#FEF0FE, #E8D5D8, #DAC299, #AC5F73, #60485E)
- Washed Grape Courtyard color palette (#FDF0FF, #BD6D7A, #A46F00, #7A51A8, #452E49)
Browse the whole catalog at Explore, or see today's palette.