Petrol Grove color palette — #F1F7F3 · #CDDDDF · #BEADB9 · #007085 · #303F36
Teal and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F1F7F3): bright and airy, almost weightless.
- Silver (#CDDDDF): bright and airy, almost weightless.
- Ash (#BEADB9): A luminous, dusty pink — the color of neon signs at night.
- Teal (#007085): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#303F36): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Worn Cypress color palette (#F3F6F0, #D1DCD9, #A6B8AF, #00765A, #2A4300)
- Softworn Petrol color palette (#EBF3F8, #D2D6E0, #A8B9CA, #096F8B, #15222A)
- Cerulean Orchard color palette (#F0F7F3, #CFDCDD, #A1C9CF, #1A8DB0, #313E37)
- Timeworn Ridge color palette (#E5EEE9, #BFB5BF, #A38395, #004C64, #06261A)
- Aged Cobalt color palette (#F9F3F7, #E1D8D7, #ADADA2, #717FB3, #575055)
- Dusty Cypress color palette (#F9F6E5, #81A681, #12735B, #005465, #35362F)
- Wandering Coast color palette (#FAF3F6, #E6D6D1, #D8B1AE, #6F56B3, #503744)
- Worn Lagoon color palette (#D9E8D9, #7BADA0, #7F76A4, #615423, #2F462B)
Browse the whole catalog at Explore, or see today's palette.