Hushed Petrol Grove color palette — #F1F3EC · #C3E3E3 · #71A3C6 · #27768A · #1E3D36

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

The five colors

• Cream (#F1F3EC): a clean, paper-quiet neutral.
• Silver (#C3E3E3): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#71A3C6): A luminous, dusty blue — the color of open sky before noon.
• Teal (#27768A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#1E3D36): A deep, shadowed, dusty teal — the color of glacier melt.

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

Use it as a design system

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

• Worn Denim Lantern color palette (#EEF1E4, #61A7C4, #005F87, #003842, #000C19)
• Antique Cabin color palette (#E9EADF, #85BFC6, #00788B, #004B49, #001922)
• Dusty Ash Hollow color palette (#FBF2F6, #D8DFF0, #789CC6, #477783, #495367)
• Muted Lagoon color palette (#EFF4EA, #82C3AA, #C5904F, #348268, #35302B)
• Muted Lagoon color palette (#F2F3E5, #99DEDD, #00949E, #006357, #002B32)
• Gentle Navy color palette (#DFE4D6, #5C8EC0, #00449A, #00293D, #00001E)
• Hushed Olive color palette (#E9F7E4, #4FAFA1, #5D92C6, #748038, #202B1D)
• Antique Ash Parlor color palette (#ECF5EB, #B2DFE8, #C0B6C4, #68A093, #354336)

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