Hushed Petrol color palette — #F8F3FB · #F3B9CB · #AB995E · #007698 · #432F4D
Built around Teal, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#F8F3FB): bright and airy, almost weightless.
- Carnation (#F3B9CB): A whisper-light, dusty rose — the color of strawberry cream.
- Moss (#AB995E): A luminous, balanced green — the color of fresh herbs.
- Teal (#007698): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#432F4D): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged 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
- Aged Cypress Archive color palette (#F3F4FF, #D2C1F9, #BD9060, #007A7B, #183B58)
- Petrol Pier color palette (#FAF2FA, #F4BBBB, #70AA7B, #6063A3, #482D49)
- Timeworn Jade color palette (#F9F3F7, #D2D5E6, #91D9E9, #66A17B, #3A5061)
- Wandering Stone Balcony color palette (#FEF1F9, #DB9D89, #4B594B, #352630, #120D13)
- Taupe Hollow color palette (#FBF4ED, #EDBC92, #B0AE61, #639471, #334934)
- Aged Aubergine color palette (#FFF1F5, #D78400, #007A7B, #680070, #270600)
- Blush Corridor color palette (#FFF2EF, #D1798F, #64793F, #315778, #4F3A51)
- Patina Ash color palette (#EDF8F5, #C9D9EF, #83BBB1, #8A7FA4, #2E4D4C)
Browse the whole catalog at Explore, or see today's palette.