Dusty Petrol Grove color palette — #F0F7F1 · #7ABCBD · #446FAD · #006E70 · #2D1E2D
Slate and Teal set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F0F7F1): a clean, paper-quiet neutral.
- Mint Leaf (#7ABCBD): A luminous, dusty teal — the color of glacier melt.
- Slate (#446FAD): A full-bodied, balanced blue — the color of open sky before noon.
- Teal (#006E70): A full-bodied, balanced teal — the color of glacier melt.
- Onyx (#2D1E2D): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Calm, Sophistication. Tagged duotone, muted, cool.
Use it as a design system
One click turns Dusty 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
- Petrol Lagoon color palette (#EFF7F3, #A3CBB9, #8470B1, #00779E, #3A2730)
- Pine Hollow color palette (#F4F6EE, #90BB97, #0079A0, #00742F, #0C2A1F)
- Weathered Violet Courtyard color palette (#EFF4EA, #7FC4AB, #825CC2, #00765B, #170A0F)
- Timeworn Cocoa Boulevard color palette (#FFF4E2, #5AA2BE, #51689B, #7E3321, #21453A)
- Misty Byzantium Alley color palette (#FBF1FC, #63A6EF, #9234A0, #00569E, #2A122D)
- Sunlit Iris Drift color palette (#EEF7F8, #88D7BD, #9778E5, #009677, #21232F)
- Linen Nightshade color palette (#DDFFE7, #77B1CB, #4279B2, #31479F, #3E2E86)
- Washed Petrol color palette (#F1F7F3, #D3DCDD, #D2BBC2, #00829B, #3F4B44)
Browse the whole catalog at Explore, or see today's palette.