Petrol Ridge color palette — #DEFDF8 · #6DC7D9 · #007A95 · #005558 · #00384C
Built around Teal, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Ivory (#DEFDF8): A whisper-light, dusty teal — the color of shallow lagoons.
- Sky (#6DC7D9): A luminous, balanced blue — the color of deep harbor water.
- Teal (#007A95): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#005558): A full-bodied, dusty teal — the color of sea glass.
- Deep Teal (#00384C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. 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
- Cobalt Lagoon color palette (#E5FAF9, #83BFEB, #0071BF, #00526B, #00306C)
- Patina Petrol Workshop color palette (#FAEEF6, #7FC9D8, #007BAA, #005345, #00193A)
- Ancient Pier color palette (#F5F7E8, #85EBFF, #00BDE4, #00979A, #00394C)
- Denim Archive color palette (#D3E6E3, #5BABC3, #00607D, #003D43, #002334)
- Azure Coast color palette (#FFF2EC, #94D7E6, #0098D1, #007462, #00306A)
- Wandering Navy color palette (#DCF4F2, #5687A3, #004065, #00212A, #000919)
- Hushed Ultramarine color palette (#DBE4FF, #5E72FF, #00836D, #3200DE, #00372C)
- Amethyst Basin color palette (#EBECFD, #6941FF, #B10075, #005C6F, #201951)
Browse the whole catalog at Explore, or see today's palette.