Dusty Courtyard color palette — #DEF1F3 · #007286 · #004B5E · #002633 · #060D21

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

The five colors

• Frost (#DEF1F3): A whisper-light, dusty blue — the color of open sky before noon.
• Teal (#007286): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#004B5E): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#002633): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#060D21): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Dusty 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

• Tempered Cypress Villa color palette (#D4F0E0, #008262, #00483B, #002823, #001117)
• Gentle Lagoon color palette (#C6F2EA, #009098, #006178, #003B5F, #001138)
• Twilit Cobalt Coast color palette (#D7E7F3, #007DBC, #003A59, #001422, #000307)
• Frosted Thicket color palette (#D2E7F5, #00688A, #7D007E, #003144, #200020)
• Aubergine Grove color palette (#D1E8F4, #005471, #50009C, #003A27, #00090F)
• Weathered Corridor color palette (#CCE6FC, #79A9DF, #516BCF, #004C63, #001A31)
• Petrol Harbor color palette (#CFE3F1, #006BB5, #003C77, #001765, #170033)
• Dusty Market color palette (#E5F3E8, #776723, #483500, #281900, #0E0C00)

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