Hushed Petrol color palette — #F4F7ED · #B0E1CF · #5F9BCE · #007796 · #1E3C5E

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

The five colors

• Ivory (#F4F7ED): a clean, paper-quiet neutral.
• Mint (#B0E1CF): A whisper-light, dusty teal — the color of glacier melt.
• Cornflower (#5F9BCE): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#007796): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#1E3C5E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

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

• Timeworn Periwinkle color palette (#F3F7ED, #E5CAE8, #6F96D3, #2E739A, #2A3861)
• Teal Market color palette (#F6F6EC, #C4DCC3, #32A7B1, #007D6F, #00434C)
• Hazy Workshop color palette (#F4F7E6, #70DBFC, #0099C9, #00717C, #003752)
• Antique Denim Dune color palette (#DEE3D6, #6498C1, #0059A0, #00384D, #000720)
• Petrol Coast color palette (#EFF0E3, #5FB0BD, #007289, #004A4B, #001720)
• Cobalt Quarry color palette (#FAF4EF, #A7CFC0, #4F78B8, #005F64, #333464)
• Hazy Iris Field color palette (#E2F5DC, #24C1B0, #8888EA, #008477, #2F2E61)
• Muted Powder Harbor color palette (#FCF2F6, #C3E5FF, #81B3FC, #2C9DA2, #2E3958)

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