Softworn Petrol Grove color palette — #E9F1EA · #8CBAC6 · #007683 · #00523C · #003442
A conversation between Teal and Forest, giving this palette its sense of trust and stability.
The five colors
- Cream (#E9F1EA): bright and airy, almost weightless.
- Ash (#8CBAC6): A luminous, dusty blue — the color of open sky before noon.
- Teal (#007683): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#00523C): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Teal (#003442): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Softworn 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
- Timeworn Cerulean color palette (#F1F7F2, #ABCBD6, #2D849B, #006154, #00405B)
- Dusty Petrol color palette (#E7F2E9, #95B6CF, #116AB4, #004E58, #162A5C)
- Denim Parlor color palette (#DFE7E0, #64ABBC, #006080, #003E3B, #00213A)
- Forest Loft color palette (#EFE5F0, #78C3C0, #007793, #005014, #00162E)
- Periwinkle Drift color palette (#DBF5FF, #A7D0E8, #7AA4EA, #00685B, #003944)
- Gentle Meadow color palette (#F5EDE2, #87E6E3, #25B8CA, #329173, #003442)
- Hushed Cypress color palette (#F1F7F2, #D0E1F4, #75A0B5, #287F6B, #3D5667)
- Brick Grove color palette (#CBE3EA, #009193, #BB2B41, #005456, #4F0815)
Browse the whole catalog at Explore, or see today's palette.