Petrol Grove color palette — #FEF4E1 · #4FAA97 · #376CA8 · #604B00 · #284530
Built around Slate, softened by Turquoise — the whole palette hums with nature and growth.
The five colors
- Cream (#FEF4E1): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Turquoise (#4FAA97): A luminous, balanced teal — the color of glacier melt.
- Slate (#376CA8): A full-bodied, balanced blue — the color of deep harbor water.
- Bronze (#604B00): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#284530): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged retro, muted.
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
- Garnet Chapel color palette (#FFF2ED, #71A774, #18758F, #802F2F, #324325)
- Dusty Denim Market color palette (#F3F7EC, #459C75, #725099, #404F00, #04432C)
- Fern Drift color palette (#F6F7E4, #6FB5B8, #6A74A2, #3E6628, #364E42)
- Washed Boulevard color palette (#FBF4E7, #B3B28B, #3D8366, #206279, #484500)
- Airy Veranda color palette (#F5F7E4, #4BA4C4, #745A9D, #275C13, #4B334D)
- Aged Lantern color palette (#E4F8E7, #30ACCE, #3B68B9, #703026, #0E2535)
- Wandering Cobalt Grove color palette (#FEF4E4, #61C0DD, #5D85CC, #8C5146, #2A433A)
- Aged Quarry color palette (#E9F3DC, #4F8CBA, #754383, #004B41, #242D53)
Browse the whole catalog at Explore, or see today's palette.