Misty Courtyard color palette — #F0F5FF · #9DB5FF · #A58B00 · #3549C6 · #1E1800

Built around Cobalt, softened by Mustard — the whole palette hums with nature and growth.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Sky (#9DB5FF): A luminous, balanced violet — the color of wild irises.
• Mustard (#A58B00): A luminous, balanced green — the color of fresh herbs.
• Cobalt (#3549C6): A full-bodied, vivid violet — the color of a velvet chair.
• Ink (#1E1800): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged cool.

Use it as a design system

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

• Indigo Studio color palette (#F1F5FF, #B3B8FF, #BFA807, #6663D3, #2F2800)
• Aged Grape color palette (#F3F4FF, #C8A3FF, #729D00, #7429BA, #121C00)
• Amber Orchard color palette (#EDF7FF, #61C3FF, #CC6200, #006B9B, #2B0F00)
• Weathered Canyon color palette (#E9EDFF, #A388FF, #717E00, #5100AD, #070900)
• Wandering Nightshade color palette (#FCE1F3, #6E75CD, #935E00, #382DA4, #1C0F00)
• Aged Balcony color palette (#F6F3FF, #F995FF, #00B344, #9E00A9, #002709)
• Lime Lantern color palette (#F3F4FF, #DEC8FF, #B1CA49, #9873C8, #104235)
• Ember Cabin color palette (#F2F4FF, #7881FF, #E04200, #00804C, #080726)

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