Hushed Petrol Courtyard color palette — #F5F1EA · #C5E5E7 · #7DA0C3 · #38757F · #432E41

Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F5F1EA): a clean, paper-quiet neutral.
• Silver (#C5E5E7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#7DA0C3): A luminous, dusty blue — the color of deep harbor water.
• Teal (#38757F): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#432E41): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

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

• Ash Delta color palette (#F5F1EA, #C8E2DA, #66A9B2, #437763, #213D2F)
• Aged Harbor color palette (#FAF3F6, #D9DEEF, #8699C0, #127F78, #4C5168)
• Washed Lilac Studio color palette (#FFECF2, #AA8CCD, #AF8359, #40867E, #342128)
• Weathered Denim Ridge color palette (#F3EADC, #61A6C5, #005D92, #00393D, #000922)
• Ancient Petrol Courtyard color palette (#EFE8DD, #80C0C9, #007793, #004C43, #001827)
• Ancient Veranda color palette (#FFDFFB, #AAB3E8, #8D83C3, #685383, #4C2A33)
• Antique Lantern color palette (#F8F1E6, #98DEDE, #0093A6, #00644E, #002A38)
• Muted Pewter color palette (#FFECF4, #B9A8E3, #9CA26B, #7964A3, #33312A)

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