Dusty Courtyard color palette — #F1F7F0 · #B1C8DE · #6673B1 · #005F62 · #413158
Built around Slate, softened by Peacock — the whole palette hums with creativity and calm.
The five colors
- Ivory (#F1F7F0): a clean, paper-quiet neutral.
- Lilac Frost (#B1C8DE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Slate (#6673B1): A full-bodied, balanced violet — the color of twilight just after sunset.
- Peacock (#005F62): A full-bodied, dusty teal — the color of sea glass.
- Navy (#413158): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Creativity, 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
- Worn Forest Grove color palette (#F9F3F9, #A1CDDC, #3A82A0, #176336, #243C59)
- Tempered Canyon color palette (#F6F1EA, #A9D2C6, #577ABF, #00586F, #1A1C3E)
- Worn Periwinkle Courtyard color palette (#EFF8F0, #BCD8F4, #7094DB, #007895, #33365D)
- Hushed Sapphire Hollow color palette (#FFF1F7, #7BC2E3, #0D69D6, #00574C, #311E74)
- Tempered Cypress Bloom color palette (#EEF6FF, #D8D0FF, #D399B2, #00777B, #303B57)
- Gentle Grove color palette (#CBF3F2, #00A8C7, #0772B9, #354895, #3E3467)
- Powdered Thicket color palette (#D4E6FF, #4076D5, #906200, #5A5800, #162C49)
- Hazy Denim Corridor color palette (#F1F5FF, #83A4E3, #465DAC, #1F2D71, #0E184C)
Browse the whole catalog at Explore, or see today's palette.