Petrol Ridge color palette — #F5EDE3 · #93BCA8 · #226E9E · #004F53 · #0D2D56
Peacock takes the lead with Navy close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F5EDE3): a clean, paper-quiet neutral.
- Sage (#93BCA8): A luminous, dusty teal — the color of shallow lagoons.
- Peacock (#226E9E): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004F53): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Navy (#0D2D56): A deep, shadowed, balanced 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
- Softworn Atelier color palette (#F1E7E0, #91BFA9, #2D6BB9, #004C42, #14083E)
- Softworn Cobalt Archive color palette (#FBF4EA, #9FD2BF, #487BB3, #005E6B, #4D2E48)
- Gentle Chapel color palette (#E8F1EA, #A9DCF2, #2CAEFB, #009097, #132E51)
- Cerulean Cabin color palette (#F8EEE0, #3F9EAE, #005269, #00302C, #001625)
- Hushed Forest color palette (#E6F7DB, #8ED1D5, #46A4CE, #216E3D, #003737)
- Sunlit Harbor color palette (#E1EEDC, #3FA558, #00694B, #004D41, #003534)
- Wandering Navy Quarry color palette (#F9EEDC, #5386AD, #003880, #002129, #04002C)
- Ash Workshop color palette (#F9F4EE, #C8E7E8, #7A9DBE, #54795E, #604A5E)
Browse the whole catalog at Explore, or see today's palette.