Hushed Petrol Terrace color palette — #F5EBF5 · #E7A281 · #3564A2 · #1F3654 · #1C121D

A conversation between Peacock and Melon, giving this palette its sense of trust and stability.

The five colors

• Blush (#F5EBF5): bright and airy, almost weightless.
• Melon (#E7A281): A luminous, balanced orange — the color of sun-warmed clay.
• Peacock (#3564A2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#1F3654): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#1C121D): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Hushed Petrol Terrace 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

• Petrol Pier color palette (#E1F4EB, #EA9AAA, #006D92, #003B51, #061B13)
• Softworn Petrol Summit color palette (#FFF0FC, #D9C193, #5D719B, #324263, #291D28)
• Muted Denim Lagoon color palette (#EEF6FF, #FFC09D, #1E64AC, #00284F, #00040D)
• Washed Denim color palette (#E7F0F8, #B09866, #00476E, #00243B, #0A0C21)
• Muted Cobalt color palette (#E4F2ED, #E8C374, #378FCA, #235B81, #061A15)
• Dusty Field color palette (#F5DCED, #A3B73A, #4348BC, #202464, #090B29)
• Chalky Veranda color palette (#EFD6DF, #45BE8E, #644385, #34194D, #19030C)
• Tempered Dune color palette (#EDDBEB, #CB7E22, #0A3E93, #001646, #070007)

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