Hushed Petrol color palette — #D7EAFB · #0070B3 · #006A30 · #00395F · #000B02
Royal Blue takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Frost (#D7EAFB): A whisper-light, dusty blue — the color of open sky before noon.
- Royal Blue (#0070B3): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#006A30): A full-bodied, balanced teal — the color of sea glass.
- Navy (#00395F): A deep, shadowed, balanced blue — the color of open sky before noon.
- Ink (#000B02): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
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
- Timeworn Fern color palette (#CBEDFD, #00788B, #526000, #003E48, #070900)
- Wandering Cabin color palette (#F6E6F9, #0A6FBE, #765200, #003A69, #261800)
- Ultramarine Hollow color palette (#DEE7FF, #3746C9, #005646, #150082, #000402)
- Quiet Dune color palette (#D7E4F8, #004FBB, #7C0283, #004544, #000310)
- Cornflower Dune color palette (#DDF7EF, #008BE4, #008C47, #00558F, #00220C)
- Washed Mulberry color palette (#D0E1F0, #0072A8, #901B7E, #003A58, #140010)
- Washed Nightshade Basin color palette (#DEDFF1, #7A6AFF, #00837A, #4900C9, #001B18)
- Aubergine Harbor color palette (#F0ECFF, #A95DAF, #00759A, #72007C, #00151E)
Browse the whole catalog at Explore, or see today's palette.