Petrol Thicket color palette — #EEF7F6 · #D5DCEE · #6FA0BC · #307A88 · #405568

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EEF7F6): bright and airy, almost weightless.
• Silver (#D5DCEE): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#6FA0BC): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#307A88): A full-bodied, dusty blue — the color of open sky before noon.
• Peacock (#405568): A full-bodied, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. 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

• Patina Veranda color palette (#F6EFF3, #D7D1E6, #7DA0C2, #007B77, #2A364D)
• Denim Basin color palette (#D7EDEA, #6CA9BD, #00607F, #003D44, #002235)
• Powder Summit color palette (#F4F6EF, #C2DEEB, #88D1FB, #6CAEBC, #3F5951)
• Tempered Lagoon color palette (#FAF4F0, #CFE5E4, #8FB6DB, #449690, #62495D)
• Olive Delta color palette (#EBF9F3, #AEB680, #54A6B7, #717838, #275366)
• Navy Workshop color palette (#D5EAE9, #5986A4, #003F6A, #00212C, #00091B)
• Wandering Aqua color palette (#E6FAF6, #67CAC9, #007D84, #00574C, #003A43)
• Washed Bronze color palette (#E5FBF2, #969E67, #55988B, #9C684D, #31483F)

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