Petrol Ridge color palette — #E7FBEB · #6AC7DC · #00789E · #005652 · #003658
Cerulean and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#E7FBEB): A whisper-light, dusty teal — the color of glacier melt.
- Sky (#6AC7DC): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#00789E): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005652): A full-bodied, dusty teal — the color of shallow lagoons.
- Navy (#003658): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Sapphire Market color palette (#E7FCEB, #8DBEE4, #276CC7, #005364, #1F2872)
- Timeworn Cobalt Balcony color palette (#FAEEF6, #6ECAE1, #0078BA, #00543E, #0D0851)
- Muted Hollow color palette (#DBE6DD, #7AA5BC, #005F85, #003E3E, #00203E)
- Sky Lantern color palette (#FDF4E6, #8DEAFF, #00BAF3, #009891, #003658)
- Misty Azure Canyon color palette (#FFF2EC, #86D9EE, #0093E5, #007558, #202577)
- Muted Navy color palette (#E4F5E7, #4A88AC, #003D70, #002127, #01002F)
- Sapphire Pier color palette (#F0F1FF, #E2C9FF, #E784CB, #2162C8, #402D62)
- Feathered Amethyst color palette (#E8E8F9, #6C4AEF, #A34100, #006245, #221851)
Browse the whole catalog at Explore, or see today's palette.