Petrol Ridge color palette — #EAF9F1 · #A4D39E · #007E9C · #214C38 · #15261D
Built around Cerulean, softened by Pistachio — the whole palette hums with nature and growth.
The five colors
- Ivory (#EAF9F1): a clean, paper-quiet neutral.
- Pistachio (#A4D39E): A luminous, balanced green — the color of fresh herbs.
- Cerulean (#007E9C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#214C38): A deep, shadowed, dusty teal — the color of glacier melt.
- Onyx (#15261D): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged luxury, dark, 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
- Softworn Villa color palette (#FAF2F9, #8FD6B6, #4C70B4, #314263, #281D27)
- Tempered Azure color palette (#ECF7FF, #ECD29D, #559FC2, #3C6980, #14242E)
- Muted Indigo color palette (#FFF0F9, #F0B1B6, #6867B5, #3D3E62, #291D25)
- Dusty Basin color palette (#ECF9F4, #E2998A, #1C567F, #12352C, #0C1E20)
- Powdered Iris Dune color palette (#F9F3F9, #A4C7F7, #8D7DE5, #4981CC, #2D1F27)
- Pale Mint Summit color palette (#EEDFF0, #31C883, #005CA2, #002F57, #18081B)
- Tempered Iris Cabin color palette (#F9F3F7, #E4D7D8, #D9BCBB, #7B8DC4, #4C454A)
- Hushed Coast color palette (#D5E9E1, #1B9C4C, #003D59, #00111D, #000201)
Browse the whole catalog at Explore, or see today's palette.