Petrol Ridge color palette — #CAF2E0 · #219EAD · #2C68AC · #174108 · #000405
Peacock takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.
The five colors
- Honeydew (#CAF2E0): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#219EAD): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#2C68AC): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#174108): A deep, shadowed, balanced green — the color of new leaves after rain.
- Ink (#000405): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged pastel, light, cool.
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 Alley color palette (#BBE9E9, #3B8EC3, #635CA7, #00412E, #000305)
- Worn Study color palette (#E1F3F0, #009A7D, #00798E, #332E00, #000401)
- Worn Forest Market color palette (#D5E9C9, #4AB2B5, #438CB6, #00542A, #000D0C)
- Feathered Ridge color palette (#C9E8FF, #7797FF, #935C9D, #004B4E, #000612)
- Aubergine Basin color palette (#DEF4FF, #006374, #430056, #00232B, #010008)
- Wandering Mallow Summit color palette (#E4F5FF, #D4D5EB, #E6B1D5, #4E7E8B, #1E2F3D)
- Iris Grove color palette (#BFFDF6, #7DD3EF, #8098EE, #23653E, #00212E)
- Linen Wisteria Atelier color palette (#E6F4FF, #BEC5FF, #CE80CB, #007184, #11163F)
Browse the whole catalog at Explore, or see today's palette.