Petrol Ridge color palette — #E4F2E7 · #68C6DA · #007194 · #003E3A · #000307
A conversation between Peacock and Cyan, giving this palette its sense of trust and stability.
The five colors
- Cream (#E4F2E7): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#68C6DA): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#007194): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#003E3A): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000307): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Patina Ultramarine color palette (#E4F3E6, #92BCE0, #2F63BB, #003C4A, #010014)
- Timeworn Delta color palette (#EAFAED, #95D6F6, #2580C1, #005057, #000A27)
- Weathered Thicket color palette (#F6EEE3, #339FB3, #00516B, #00302D, #001527)
- Dusty Atelier color palette (#C4ECDF, #00A98A, #005B48, #00160E, #000201)
- Turquoise Delta color palette (#F0F7F2, #D9E0EB, #67B0D8, #007F7E, #12304C)
- Dusty Lantern color palette (#C5F9F9, #6BE8DC, #3AB1CF, #2A6413, #000403)
- Cobalt Veranda color palette (#F7E7F2, #6ABFD0, #008BCF, #00704F, #06004A)
- Moss Lantern color palette (#DBE7C7, #44A000, #006A29, #002B1B, #000202)
Browse the whole catalog at Explore, or see today's palette.