Petrol Ridge color palette — #EAF1EB · #71C0C8 · #00748C · #005145 · #003248
Teal and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#EAF1EB): a clean, paper-quiet neutral.
- Cyan (#71C0C8): A luminous, dusty blue — the color of open sky before noon.
- Teal (#00748C): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005145): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Teal (#003248): A deep, shadowed, dusty 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
- Aged Garden color palette (#F1E5EF, #68C4CC, #00759D, #004E2B, #031434)
- Dusty Lagoon color palette (#F0F7F2, #A8CBDC, #0083AE, #00605C, #233D54)
- Wandering Denim Archive color palette (#DBE5DD, #6EA8C0, #005D8C, #003D41, #021E43)
- Aged Turquoise Thicket color palette (#EFF0E1, #B8DFBF, #44B5CA, #00918C, #003441)
- Sapphire Market color palette (#E8F1EA, #92B6D6, #2861C9, #004D5F, #242855)
- Dusty Turquoise color palette (#F1F7F2, #D3E0F2, #52A5C4, #367C74, #435564)
- Cerulean Terrace color palette (#E2EBE3, #2E8DA8, #00425F, #002223, #000919)
- Fern Coast color palette (#D7FCFB, #91D5C9, #00AEC9, #436400, #00372B)
Browse the whole catalog at Explore, or see today's palette.