Hushed Petrol color palette — #FEF1F6 · #E2B088 · #88935A · #0B7CA2 · #2A2131
Cerulean and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FEF1F6): a clean, paper-quiet neutral.
- Sand (#E2B088): A luminous, dusty gold — the color of afternoon light on wheat.
- Moss (#88935A): A luminous, dusty green — the color of new leaves after rain.
- Cerulean (#0B7CA2): A full-bodied, balanced blue — the color of open sky before noon.
- Onyx (#2A2131): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Optimism, 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
- Worn Denim Corridor color palette (#F0F7F1, #D3B88A, #5EA482, #4860A2, #2C1C28)
- Cypress Lantern color palette (#FCF1FA, #F7ADAA, #AF8158, #007F6A, #1F2033)
- Dusty Petrol color palette (#F9F3FB, #F9B6CA, #99A062, #1772A5, #552737)
- Grape Dune color palette (#E9FAF3, #A5AD65, #009698, #6D4AA8, #2A0F19)
- Muted Apricot Lantern color palette (#FEF1F6, #D8A175, #475A4E, #36262C, #130D12)
- Feathered Nightshade color palette (#FFF1F6, #CD7D2A, #007B6E, #4D3993, #18030C)
- Pine Alley color palette (#E8FBE9, #BE8600, #008A2D, #00508E, #250002)
- Muted Hollow color palette (#FFF2EE, #BB6167, #007682, #175961, #3F3139)
Browse the whole catalog at Explore, or see today's palette.