Petrol Ridge color palette — #E7F4EA · #61ADCA · #006DA2 · #00494D · #00132F
Peacock and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E7F4EA): a clean, paper-quiet neutral.
- Cyan (#61ADCA): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006DA2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#00494D): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#00132F): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Frosted Quarry color palette (#DBE5DD, #88B7DC, #3A74C4, #005768, #11174C)
- Worn Petrol color palette (#F5EDE0, #71C3E3, #006EA3, #003D40, #00020A)
- Worn Denim color palette (#D7E2D9, #5E9FA1, #006373, #003D30, #000B12)
- Pale Navy Workshop color palette (#F1E2EA, #5999B2, #00488E, #003129, #130043)
- Petrol Study color palette (#F0F7F2, #B4DAF5, #699BC6, #007A85, #243A60)
- Washed Workshop color palette (#FAD3E0, #B8006A, #586100, #005173, #160008)
- Cerulean Coast color palette (#F1F7F2, #DBDDEC, #9CB2D9, #5A8FA1, #47526C)
- Tempered Raspberry color palette (#F4E7FF, #CB258B, #007954, #7D0052, #00140B)
Browse the whole catalog at Explore, or see today's palette.