Hushed Petrol Courtyard color palette — #F1F7F2 · #D7DEEF · #749EC1 · #007E86 · #41546C

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

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#D7DEEF): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#749EC1): A luminous, dusty blue — the color of open sky before noon.
• Teal (#007E86): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#41546C): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, 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

• Ancient Lantern color palette (#F6EFF3, #D7D1E6, #7E9ECA, #33796D, #2F3549)
• Timeworn Lagoon Meadow color palette (#FAF4EF, #C3E0EE, #96B3DD, #549488, #5F4C57)
• Denim Basin color palette (#DCE4DD, #6CA8BE, #005E89, #003E3F, #001F41)
• Weathered Quarry color palette (#ECF9EE, #99DDD8, #00909C, #00694B, #004858)
• Antique Cobalt Parlor color palette (#FBF1FF, #BB8797, #849153, #387DA9, #4A3C51)
• Weathered Navy Basin color palette (#D9E6DB, #5D86A2, #003B76, #002128, #02002E)
• Tempered Plum color palette (#F8F3FC, #BCA6CB, #5FAA8C, #A6527A, #275845)
• Aged Driftwood color palette (#FAF2FE, #EBD6DB, #E0B8B6, #A97B9E, #5B4A5C)

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