Hushed Petrol Coast color palette — #F6EDE4 · #8DBDAE · #4765A9 · #004E56 · #2C2653

Slate takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F6EDE4): a clean, paper-quiet neutral.
• Mint Leaf (#8DBDAE): A luminous, dusty teal — the color of sea glass.
• Slate (#4765A9): A full-bodied, balanced violet — the color of wild irises.
• Deep Teal (#004E56): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#2C2653): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Cobalt Market color palette (#FFF3E8, #7CC1EB, #336BC2, #005559, #2B256F)
• Petrol Boulevard color palette (#F8ECE6, #7EBEC2, #00748F, #005239, #003150)
• Petrol Archive color palette (#DFECEB, #96B7D5, #2D6DAF, #004760, #001339)
• Wandering Cobalt color palette (#ECF0E4, #A6CEC2, #4389D3, #006789, #0E2B5D)
• Wandering Onyx Canyon color palette (#EEDDD1, #5999B3, #004C81, #00302E, #060445)
• Softworn Cypress Veranda color palette (#FCF3EE, #CAE4D3, #5692B7, #007263, #344868)
• Powdered Periwinkle color palette (#F5ECEF, #A8DAFF, #73A2FF, #008F9B, #2A2654)
• Hushed Corridor color palette (#F4D9BF, #C67920, #005AAF, #6B3C00, #002854)

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