Tempered Denim Courtyard color palette — #F9E7F2 · #71ACC0 · #005696 · #002C23 · #01000A

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

The five colors

• Blush (#F9E7F2): A whisper-light, dusty pink — the color of a candy shop window.
• Blue Fog (#71ACC0): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#005696): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Forest (#002C23): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#01000A): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Tempered Denim 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

• Muted Cobalt color palette (#F8E9F1, #88C0D6, #1268B8, #003F34, #020013)
• Dusty Navy color palette (#EBE1DA, #438BA2, #003E6E, #00231B, #06002B)
• Worn Delta color palette (#F3EDE4, #74AABC, #007DB1, #005D5E, #000919)
• Smoked Lagoon Coast color palette (#D0E7E1, #009583, #004A3E, #000D09, #000201)
• Cobalt Terrace color palette (#FEF0FC, #92DAE3, #1684B5, #005433, #000433)
• Iris Orchard color palette (#FFF1F6, #D8DEFB, #778DDB, #006A6A, #25113F)
• Hushed Quarry color palette (#B9E9E8, #53C2CF, #7182C9, #465100, #000201)
• Smoked Olive color palette (#E4E5D4, #408000, #004D32, #001D18, #000102)

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