Petrol Thicket color palette — #F7EAF4 · #7FBDC4 · #00719B · #005330 · #142C58

Peacock and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F7EAF4): bright and airy, almost weightless.
• Ash (#7FBDC4): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#00719B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Olive (#005330): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Navy (#142C58): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, 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

• Cobalt Summit color palette (#FCF2F9, #A3CCE0, #477DA9, #00624A, #2F385D)
• Worn Petrol Market color palette (#EDE8E1, #9CBDA3, #007791, #004C42, #001826)
• Denim Meadow color palette (#EBDCE4, #5FAAC7, #0056A7, #003F35, #1C124D)
• Aged Cypress Corridor color palette (#FAF3F8, #D5E0F1, #7C9DB9, #457C63, #44536C)
• Weathered Navy color palette (#F1E5EC, #54899A, #003E6C, #00231A, #06002B)
• Gentle Periwinkle Summit color palette (#CDFDF6, #94D7D4, #5CA6E1, #745E00, #003A2B)
• Faded Sky Orchard color palette (#FAEBE5, #9DE1E8, #0CB2F1, #00965B, #1A2D50)
• Aged Jade Harbor color palette (#AAF4D0, #39B282, #006A40, #003722, #001E10)

Browse the whole catalog at Explore, or see today's palette.