Petrol Thicket color palette — #ECF3F9 · #D5D7E4 · #BBBBC8 · #477C99 · #242D34

Slate takes the lead with Onyx close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#ECF3F9): a clean, paper-quiet neutral.
• Silver (#D5D7E4): bright and airy, almost weightless.
• Ash (#BBBBC8): soft and architectural.
• Slate (#477C99): A full-bodied, dusty blue — the color of open sky before noon.
• Onyx (#242D34): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Indigo Bloom color palette (#EEF1FD, #DCD2E3, #BDBBDB, #6B5DA9, #222430)
• Petrol Coast color palette (#EFF7F4, #DDD4D3, #CCB7BA, #407C99, #404B46)
• Hushed Market color palette (#EBF2FF, #B1BCE5, #7B7B9F, #6D5A6E, #402B3C)
• Ancient Lagoon color palette (#E2F7F6, #8AC1AC, #408375, #385B65, #122C2E)
• Ancient Bloom color palette (#E6F2FD, #8FA2B9, #6C7C99, #003860, #00040C)
• Wandering Grove color palette (#E9F3FF, #C9D9FF, #8AC2FF, #7B8CCD, #162539)
• Turquoise Courtyard color palette (#EFF6FC, #D9DAE4, #BFB4B1, #6CA7C0, #384146)
• Antique Denim Pier color palette (#E7E8F3, #CAC9DA, #A59FBB, #5F4781, #141521)

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