Hushed Petrol Basin color palette — #FCF5E1 · #55A89F · #4C69A1 · #574F00 · #254532

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

The five colors

• Cream (#FCF5E1): A whisper-light, dusty green — the color of fresh herbs.
• Turquoise (#55A89F): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#4C69A1): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Olive (#574F00): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#254532): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication. Tagged retro, muted.

Use it as a design system

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

• Wandering Denim Drift color palette (#EAF9F2, #3B94B8, #43629D, #5F4200, #003E54)
• Cocoa Market color palette (#FFF2EA, #7BA47A, #007690, #7D3500, #35422A)
• Muted Courtyard color palette (#F7F6E4, #51A4C0, #725C9B, #3B5811, #4A344D)
• Basalt Coast color palette (#F9F5EA, #AFB48B, #3C8272, #365F78, #434700)
• Antique Fern Bloom color palette (#EAFBE8, #AEBEAC, #678B81, #616230, #375145)
• Worn Cobalt Quarry color palette (#FFF4E2, #6EBCE4, #6F81C8, #924E33, #27443C)
• Grape Pier color palette (#EBFDD7, #0098CF, #8032AF, #00533B, #1C3361)
• Pale Nightshade color palette (#D2EFC4, #008F93, #3A38BE, #1E4300, #002E3E)

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