Petrol Ridge color palette — #E6F2E8 · #92B8C8 · #007391 · #005049 · #00324C
Built around Teal, softened by Forest — the whole palette hums with trust and stability.
The five colors
- Cream (#E6F2E8): a clean, paper-quiet neutral.
- Ash (#92B8C8): A luminous, dusty blue — the color of open sky before noon.
- Teal (#007391): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#005049): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Teal (#00324C): 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
- Dusty Cerulean color palette (#F1F7F2, #ACCADA, #3B80A6, #005F60, #193C5F)
- Aged Denim color palette (#E7EFE9, #7FA4BD, #005B94, #003D43, #001852)
- Washed Petrol color palette (#F0E5EE, #74C1CE, #0073A6, #004E33, #071236)
- Frosted Turquoise color palette (#F7EDDE, #8FE3F0, #00B5E2, #009285, #083149)
- Washed Abyss color palette (#D8E5DB, #629B99, #00545D, #003123, #00171F)
- Muted Delta color palette (#F1F7F2, #D4DFF1, #65A2BF, #007F7A, #3B556E)
- Weathered Fern Veranda color palette (#CAFBFC, #97CDD8, #4AB0C8, #3D6B15, #013B2E)
- Moss Courtyard color palette (#E2ECCD, #70A140, #006B22, #004928, #003125)
Browse the whole catalog at Explore, or see today's palette.