Petrol Grove color palette — #E7F0F4 · #CBDAE5 · #A7BACE · #008092 · #1D313A
A conversation between Teal and Ash, giving this palette its sense of trust and stability.
The five colors
- Cream (#E7F0F4): a clean, paper-quiet neutral.
- Silver (#CBDAE5): A whisper-light, dusty blue — the color of deep harbor water.
- Ash (#A7BACE): A luminous, dusty blue — the color of deep harbor water.
- Teal (#008092): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Forest (#1D313A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Petrol Grove 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
- Wandering Petrol color palette (#DCE7EF, #B9C6D4, #96A5C4, #006991, #10212D)
- Dusty Cerulean Orchard color palette (#EAF0EB, #C8D6D7, #D7B7BE, #00A5B6, #233227)
- Worn Garden color palette (#F0F6FF, #D6DDF4, #B8B9E4, #4A6EDA, #283345)
- Smoked Cobalt Field color palette (#D2E4F4, #0079B3, #1F315B, #041827, #010509)
- Weathered Market color palette (#D3EBE3, #81B480, #00875B, #066261, #00302D)
- Indigo Field color palette (#DDF1F9, #94AFDA, #7E72BB, #6D485C, #223C27)
- Pale Grape color palette (#D3E4EF, #0094BC, #823AAF, #7C1500, #1E2200)
- Timeworn Sapphire Grove color palette (#C6E9CD, #00A3C3, #1562D1, #811E17, #05273C)
Browse the whole catalog at Explore, or see today's palette.