Hushed Petrol Coast color palette — #E6E6B8 · #9BA680 · #027B87 · #543700 · #0A1900
Teal and Cocoa set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#E6E6B8): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#9BA680): A luminous, dusty green — the color of a quiet forest floor.
- Teal (#027B87): A full-bodied, balanced blue — the color of deep harbor water.
- Cocoa (#543700): A deep, shadowed, dusty gold — the color of old brass.
- Ink (#0A1900): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Hushed Petrol Coast 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
- Antique Cocoa Corridor color palette (#F5F0E0, #A0B787, #428587, #733300, #1D1500)
- Fern Orchard color palette (#D6E5D3, #6ABCBC, #60749B, #474E02, #131600)
- Weathered Corridor color palette (#D7E7DE, #0097AE, #484E85, #563006, #391D00)
- Ancient Fern Basin color palette (#FFF3E8, #B0A26A, #466D13, #004644, #0A0700)
- Muted Denim color palette (#CBEBE5, #3D8590, #384A89, #202B00, #000403)
- Aged Balcony color palette (#DDF9E0, #9DBAE8, #A87FA4, #2E6B55, #013625)
- Turquoise Archive color palette (#C9E6E6, #5EB4D7, #6984B4, #865258, #411B02)
- Patina Orchard color palette (#D5FFFA, #AADBFE, #B3A2CB, #178063, #0E4D3D)
Browse the whole catalog at Explore, or see today's palette.