Petrol Thicket color palette — #EBF4F1 · #DCD1CF · #CAB4B6 · #537A96 · #232F2B

Slate and Rosewood Mist set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#EBF4F1): a clean, paper-quiet neutral.
• Oat (#DCD1CF): bright and airy, almost weightless.
• Rosewood Mist (#CAB4B6): A luminous, dusty red — the color of embers at dusk.
• Slate (#537A96): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Forest (#232F2B): 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

• Antique Pewter color palette (#F9EEF3, #E6D1CD, #D7B5B8, #705D9F, #2E2027)
• Weathered Archive color palette (#F6EFF4, #DDD4D4, #B8ADA4, #9A7690, #3A3438)
• Cobalt Field color palette (#F0F6FA, #DBD9E1, #C5BBC9, #217DAA, #3D4953)
• Worn Chestnut Thicket color palette (#F6DDF5, #CAA7BA, #997980, #7E5611, #3B3932)
• Weathered Workshop color palette (#F9F1E4, #BFB291, #6E7C4A, #375F4B, #2E2712)
• Weathered Navy Drift color palette (#F2EAF3, #A89BA5, #8D7380, #003667, #080209)
• Softworn Aubergine Terrace color palette (#F3E5E9, #D6C7C9, #B69D9C, #644481, #220F16)
• Hushed Cobalt color palette (#F5E1F0, #546EC5, #412835, #1E101C, #020806)

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