Hushed Petrol color palette — #E8F5EF · #8E8E48 · #0073A4 · #713850 · #0F221A
Slate and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#E8F5EF): bright and airy, almost weightless.
- Moss (#8E8E48): A luminous, balanced green — the color of a quiet forest floor.
- Slate (#0073A4): A full-bodied, balanced blue — the color of open sky before noon.
- Mulberry (#713850): A full-bodied, balanced rose — the color of pressed rose petals.
- Onyx (#0F221A): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Hushed Petrol 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
- Petrol Boulevard color palette (#E9F5F0, #8D9245, #645DA6, #6C392D, #11211B)
- Antique Taupe Meadow color palette (#EAF5F0, #9CA356, #337A9E, #71354D, #371D30)
- Dusty Moss color palette (#ECF9F4, #7A952B, #007377, #6D3D2C, #2B3C30)
- Moss Market color palette (#E9F5F0, #828B3B, #287E5F, #434274, #22161E)
- Frosted Grape Coast color palette (#E5F6F6, #009670, #823C9C, #5C2E00, #001719)
- Quiet Ultramarine Balcony color palette (#DBFAF2, #4A8300, #0044C7, #68001A, #00100C)
- Tempered Loft color palette (#ECF4F1, #D0D9DC, #ACB1C0, #628D81, #303836)
- Moss Market color palette (#FBF4E7, #A9A946, #937FBF, #875E83, #41322D)
Browse the whole catalog at Explore, or see today's palette.