Hushed Petrol Hollow color palette — #FAF4EA · #C6B378 · #599F72 · #6764AB · #312718

Built around Slate, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Ivory (#FAF4EA): bright and airy, almost weightless.
• Sand (#C6B378): A luminous, balanced green — the color of new leaves after rain.
• Fern (#599F72): A luminous, balanced teal — the color of glacier melt.
• Slate (#6764AB): A full-bodied, balanced violet — the color of wild irises.
• Onyx (#312718): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Hushed Petrol Hollow 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

• Tempered Petrol color palette (#F8F5ED, #CAC688, #9B9B61, #3C6EA7, #362415)
• Dusty Pier color palette (#F3F7ED, #96C8A7, #429C92, #84537E, #272510)
• Ancient Hollow color palette (#FFF3E9, #FFD3B3, #8EAD7A, #79689A, #543A00)
• Patina Turquoise color palette (#FFF1F5, #E9B182, #4CB7C0, #8086BD, #3B2F3D)
• Timeworn Aubergine color palette (#F5F7E9, #74AB62, #008076, #721D71, #100F00)
• Amber Boulevard color palette (#FFF1F6, #B47C07, #3B698D, #275070, #363442)
• Wandering Amber color palette (#F8F0E8, #C07C32, #11727F, #613D53, #281614)
• Muted Fern Quarry color palette (#F9F5E8, #B5B179, #4F5C13, #302B1C, #140E09)

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