Hushed Petrol Loft color palette — #E9F1E8 · #96B5D3 · #4A63B0 · #004E59 · #2E2455

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

The five colors

• Cream (#E9F1E8): a clean, paper-quiet neutral.
• Ash (#96B5D3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#4A63B0): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Teal (#004E59): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#2E2455): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Hushed Petrol Loft 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 Petrol color palette (#F5EBF3, #8FB9C9, #007295, #00523E, #092F51)
• Cobalt Ridge color palette (#E7EBE1, #93B7DB, #2E6ABA, #004764, #020D42)
• Airy Studio color palette (#E3F2F1, #A7C8E9, #4887D8, #00668D, #182B57)
• Periwinkle Thicket color palette (#F3EDE7, #AED8FF, #7E9FFF, #008EA0, #2E2552)
• Forest Corridor color palette (#D2F6FF, #96D8F1, #8394D5, #006F4C, #123B4C)
• Wandering Bloom color palette (#F1E0E8, #4E99BD, #00498B, #003030, #0B0443)
• Aged Cypress color palette (#FAF3F7, #D4D7EA, #74A0B6, #497B5F, #3E5668)
• Aged Turquoise Quarry color palette (#95F2FB, #00A9B6, #00636A, #003137, #00191B)

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