Hushed Petrol Garden color palette — #F8F5EF · #C9E7E7 · #799EBE · #1E7C86 · #5F4B5E

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

The five colors

• Ivory (#F8F5EF): a clean, paper-quiet neutral.
• Silver (#C9E7E7): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#799EBE): A luminous, dusty blue — the color of deep harbor water.
• Teal (#1E7C86): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal Brown (#5F4B5E): A full-bodied, dusty pink — the color of neon signs at night.

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

Use it as a design system

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

• Periwinkle Alley color palette (#F7F0EC, #C8E3E3, #7B9ED0, #2F796E, #442E3B)
• Dusty Powder Veranda color palette (#FAF3F6, #D9DFEE, #94B3DF, #589388, #4A5269)
• Ancient Denim color palette (#EAE2D6, #6AA8C1, #005D8B, #003D40, #001E43)
• Patina Bronze color palette (#FFF3E9, #CCA88B, #65A0C7, #A85B20, #2F5649)
• Softworn Garden color palette (#FAF4EC, #BCD7BA, #00909E, #00694D, #004759)
• Weathered Petrol color palette (#F4EDE3, #99BC9F, #00748B, #005145, #003248)
• Dusty Archive color palette (#FFF3E8, #BD8C62, #2E9D8D, #8264B0, #47413C)
• Patina Loft color palette (#E8DFD2, #5686A9, #003A7A, #002129, #03002E)

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