Dusty Courtyard color palette — #FBF3F0 · #C5E6CA · #0698BF · #2A7158 · #285047

Cerulean and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Celadon Mist (#C5E6CA): A whisper-light, dusty green — the color of new leaves after rain.
• Cerulean (#0698BF): A luminous, balanced blue — the color of open sky before noon.
• Pine (#2A7158): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#285047): A deep, shadowed, dusty teal — the color of sea glass.

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

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 Villa color palette (#FAF4EF, #BDE8D5, #5E8DC4, #007171, #563F50)
• Cerulean Parlor color palette (#FFF2EC, #95DDE0, #008DAC, #006A48, #184462)
• Lagoon Market color palette (#F5F6EB, #B4F1F7, #64B2C1, #2E8A85, #324F3F)
• Dusty Powder color palette (#E7FCEB, #C0E8EF, #BEBAF7, #388672, #3A5249)
• Washed Peony Bloom color palette (#E9FAF0, #4FADCB, #CF5C8A, #00718C, #5B3733)
• Cerulean Corridor color palette (#F4E9E2, #399EB3, #005072, #003129, #001232)
• Powdered Cobalt Chapel color palette (#FFF2EA, #5DC6ED, #0072BB, #005652, #1E2D66)
• Powdered Workshop color palette (#E7FCEA, #009BA6, #C2515A, #925927, #283E2D)

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