Petrol Thicket color palette — #F4EEE4 · #89BEB0 · #4066AC · #004D60 · #23265C
Slate and Deep Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F4EEE4): bright and airy, almost weightless.
- Mint Leaf (#89BEB0): A luminous, dusty teal — the color of glacier melt.
- Slate (#4066AC): A full-bodied, balanced violet — the color of twilight just after sunset.
- Deep Teal (#004D60): A deep, shadowed, dusty blue — the color of deep harbor water.
- Deep Indigo (#23265C): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Thicket 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
- Washed Petrol color palette (#F3EEE5, #98BCA0, #00748D, #005146, #003249)
- Tempered Sapphire Boulevard color palette (#EEE8E1, #90BFB1, #5561B9, #004B4D, #1F0437)
- Weathered Denim Lagoon color palette (#E8E1D7, #58ADBB, #00617A, #003F38, #002236)
- Misty Cerulean color palette (#FCF4E8, #8DDCF0, #008BB8, #006763, #08436B)
- Chalky Cornflower Parlor color palette (#F9EAEF, #ACC8E3, #6D7CE0, #006B6F, #37214F)
- Quiet Periwinkle color palette (#E8F1EA, #AFD8FF, #71A2FF, #008CAD, #252854)
- Weathered Lagoon color palette (#F5EADB, #2C9099, #004453, #00231D, #000B13)
- Weathered Garnet color palette (#F7D6CD, #C45469, #007B73, #8A0033, #00302D)
Browse the whole catalog at Explore, or see today's palette.