Hushed Petrol color palette — #F8ECE3 · #6DBDDE · #2D68B2 · #005146 · #2A294B
Royal Blue and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F8ECE3): a clean, paper-quiet neutral.
- Cyan (#6DBDDE): A luminous, balanced blue — the color of open sky before noon.
- Royal Blue (#2D68B2): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#005146): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#2A294B): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, 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
- Weathered Garden color palette (#FBEAE5, #74C0C0, #007391, #00541D, #102F50)
- Aged Petrol Archive color palette (#DFECEB, #84BCD6, #18739F, #004956, #00172A)
- Hushed Cobalt Terrace color palette (#FEF3E9, #94CDF0, #5676BC, #00605B, #502E40)
- Nightshade Villa color palette (#E8DFD4, #70A4D3, #4249AA, #003E40, #290F42)
- Weathered Cobalt color palette (#EDF1E1, #96CDE6, #0091CB, #00697A, #003150)
- Dusty Forest color palette (#FFF2EE, #80E1E0, #008DAF, #196A2B, #234262)
- Weathered Cerulean color palette (#FAE4DA, #22A0B4, #004F76, #003120, #050C3B)
- Weathered Balcony color palette (#F6EBF1, #B5D9F0, #58AAF6, #00918C, #1F2A55)
Browse the whole catalog at Explore, or see today's palette.