Hushed Petrol color palette — #F0F6FB · #D7D8E7 · #A5BEE2 · #0071A9 · #37414A

Slate and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F0F6FB): a clean, paper-quiet neutral.
• Silver (#D7D8E7): A whisper-light, dusty violet — the color of wild irises.
• Sky (#A5BEE2): A luminous, dusty blue — the color of open sky before noon.
• Slate (#0071A9): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#37414A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Patina Loft color palette (#F3F5FB, #DDD9E2, #C8BBCE, #6F6E9F, #444752)
• Worn Petrol color palette (#E8F4FC, #D6D5EC, #B5BEDD, #00759D, #1A272F)
• Antique Pier color palette (#E9EFF6, #C5CDD8, #91A1C0, #1C5690, #232F3C)
• Indigo Villa color palette (#EFF6FF, #8CCEFF, #72A9FF, #6F5BEC, #263760)
• Tempered Grape color palette (#F3F4FF, #D2CFEA, #A9A0C3, #7238A2, #303047)
• Violet Boulevard color palette (#F1F3FF, #A59ECC, #9264AB, #824E50, #624459)
• Antique Teal color palette (#DCFDFD, #3BBB9E, #007A6F, #005C62, #0B4348)
• Patina Aubergine color palette (#E3E6F2, #A7A7B9, #8F7497, #402073, #11131F)

Browse the whole catalog at Explore, or see today's palette.