Petrol Ridge color palette — #B2F0E0 · #008E78 · #0071AD · #585900 · #000201
Built around Slate, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Sea Foam (#B2F0E0): A whisper-light, dusty teal — the color of sea glass.
- Fern (#008E78): A full-bodied, balanced teal — the color of shallow lagoons.
- Slate (#0071AD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Olive (#585900): A full-bodied, balanced green — the color of fresh herbs.
- Black (#000201): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged cool.
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
- Emerald Studio color palette (#BBEDE7, #009427, #007889, #704D00, #000200)
- Powdered Dune color palette (#BAEAFA, #008B91, #345CDC, #336300, #000202)
- Ancient Harbor color palette (#C9FFF7, #00C2B4, #007269, #002F2A, #000201)
- Aged Denim Dune color palette (#D0F4EB, #00695C, #005184, #3D4100, #001612)
- Mulberry Thicket color palette (#C9ECE2, #006757, #8A0058, #710032, #000503)
- Cornflower Market color palette (#EEF6FF, #2E94F6, #A760BD, #007C72, #000D1F)
- Tempered Quarry color palette (#D6F6F4, #00894B, #A53200, #503000, #000200)
- Misty Loft color palette (#C2E6F8, #005D7C, #5700A9, #003C28, #000103)
Browse the whole catalog at Explore, or see today's palette.