Hushed Petrol color palette — #E8F1ED · #E0D3DD · #CEADB8 · #007CA5 · #21322B

Cerulean and Rosewood Mist set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E8F1ED): bright and airy, almost weightless.
• Silver (#E0D3DD): a clean, paper-quiet neutral.
• Rosewood Mist (#CEADB8): A luminous, dusty rose — the color of pressed rose petals.
• Cerulean (#007CA5): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Forest (#21322B): A deep, shadowed, dusty teal — the color of sea glass.

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

• Azure Canyon color palette (#E8F1EE, #DED1D5, #CFB3BA, #5A99C8, #21322D)
• Patina Veranda color palette (#F5EBF1, #E7D1D6, #D5ACA9, #6066C0, #382833)
• Hushed Denim Orchard color palette (#E6F0F9, #C3CDDA, #96A0B8, #205B7C, #262F37)
• Feathered Brick Canyon color palette (#D5E7D6, #00999C, #BB002C, #2A4E00, #112600)
• Lapis Parlor color palette (#E7DEBE, #00A5B3, #5B4ADF, #4B4B00, #002C1F)
• Nightshade Lagoon color palette (#ECE5EA, #C4ADB4, #B4859C, #3946A5, #1E0D1A)
• Hazy Olive Studio color palette (#EFE2D9, #C79D4F, #707900, #5D4A7A, #372508)
• Washed Fern color palette (#DBF3F5, #91A5D6, #A07299, #685E0B, #374218)

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