Hushed Petrol Loft color palette — #F4F6EF · #C5E7E8 · #739FC0 · #33798D · #5B4D5D

Built around Slate, softened by Blue Fog — the whole palette hums with trust and stability.

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#C5E7E8): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#739FC0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#33798D): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#5B4D5D): 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 Loft 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

• Softworn Corridor color palette (#F7F0EB, #C4E8E9, #7D9FCA, #387678, #432F3D)
• Iris Delta color palette (#EFF8ED, #6BC1B9, #8F90D6, #17837B, #604355)
• Antique Powder color palette (#FCF2F6, #DAD4E3, #95B4DB, #5E8F9D, #4A5266)
• Timeworn Petrol color palette (#EEF0E2, #76BFC9, #007589, #00504F, #003442)
• Tempered Cobalt color palette (#EBFAEC, #42AAAC, #6688CC, #66804F, #39463A)
• Ancient Cerulean color palette (#F5F6EB, #93DDDF, #00909C, #00675D, #004854)
• Sunlit Lagoon color palette (#F0FBD9, #7AC2A2, #1EA384, #0B7565, #42543E)
• Wandering Navy Loft color palette (#E3E8DA, #5785AD, #003B76, #00202F, #000428)

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