Petrol Ridge color palette — #E9FBEC · #78C3E2 · #0075AF · #005559 · #033166
A conversation between Cerulean and Navy, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E9FBEC): A whisper-light, dusty teal — the color of glacier melt.
- Sky (#78C3E2): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#0075AF): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005559): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Navy (#033166): A deep, shadowed, balanced blue — the color of open sky before noon.
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
- Softworn Canyon color palette (#EDF9EF, #56CDCB, #007C8A, #005842, #003949)
- Worn Harbor color palette (#FDECF5, #81C6E2, #0071D2, #005346, #180052)
- Timeworn Denim Courtyard color palette (#D9E4DB, #6EA7C5, #005B96, #003D44, #051B49)
- Misty Cornflower Harbor color palette (#FFF2EA, #8CD7F5, #1F8CFB, #007463, #2D256C)
- Sky Field color palette (#FEF4E4, #A5E4FF, #41B4FE, #00969E, #0B3262)
- Petrol Market color palette (#F1F7F2, #C7E0F6, #708CB4, #006E84, #394764)
- Wandering Lagoon Meadow color palette (#D4E3D7, #41A09F, #00545E, #003124, #001720)
- Washed Navy color palette (#DDE9DF, #5C84AA, #0B328A, #00212B, #06002B)
Browse the whole catalog at Explore, or see today's palette.