Petrol Ridge color palette — #DDE9E7 · #69C1CC · #008398 · #005957 · #00242E
Cerulean and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#DDE9E7): a clean, paper-quiet neutral.
- Cyan (#69C1CC): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#008398): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005957): A full-bodied, dusty teal — the color of shallow lagoons.
- Midnight (#00242E): A deep, shadowed, 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
- Quiet Cobalt Terrace color palette (#D7E4E3, #86B8DB, #0078C7, #00556E, #001E45)
- Ancient Cerulean color palette (#E2F3F0, #A2CBE2, #0092C3, #006A76, #00324C)
- Worn Turquoise Balcony color palette (#F6E6F2, #3DB0BD, #00607E, #004030, #00203D)
- Cobalt Delta color palette (#FCF2FA, #9BD8E0, #0084B7, #005533, #000532)
- Soft Turquoise color palette (#E6FAF7, #9FE9F8, #00ACD2, #008286, #00465E)
- Muted Thicket color palette (#EFF7F5, #CEE0F0, #6BC2C4, #509584, #3E5761)
- Muted Chestnut color palette (#D5F0E0, #92904E, #6F6100, #4D3A00, #151800)
- Dusty Mulberry color palette (#EFD8E6, #C34600, #716D00, #950183, #240700)
Browse the whole catalog at Explore, or see today's palette.