Hushed Petrol color palette — #DCEEED · #00808B · #005163 · #002636 · #000C1C

Teal and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DCEEED): a clean, paper-quiet neutral.
• Teal (#00808B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005163): A full-bodied, dusty blue — the color of deep harbor water.
• Midnight (#002636): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000C1C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

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

• Cerulean Quarry color palette (#D5F6F6, #009EAC, #006D87, #00405D, #001E35)
• Aged Station color palette (#D3EFD4, #00885B, #005443, #00312E, #001011)
• Cobalt Grove color palette (#D1E4F5, #0088CC, #005077, #001F31, #000103)
• Terracotta Study color palette (#D2E2ED, #007699, #933600, #003C50, #140300)
• Navy Villa color palette (#D0E9F3, #0075A7, #00417C, #0A007D, #0B0037)
• Wandering Coast color palette (#DBEFFF, #92B2E3, #917CD3, #004F5C, #001026)
• Hazy Cobalt Pier color palette (#ACEEF7, #50B6D0, #1387B6, #155884, #1A2D4C)
• Mulberry Pier color palette (#D3E2ED, #005F86, #8B0051, #3A4000, #000408)

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