Misty Courtyard color palette — #FFF0F8 · #EF6F23 · #2D66B4 · #1B4899 · #130300

Tangerine and Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Tangerine (#EF6F23): A luminous, vivid orange — the color of sun-warmed clay.
• Royal Blue (#2D66B4): A full-bodied, balanced blue — the color of open sky before noon.
• Indigo (#1B4899): A full-bodied, balanced violet — the color of wild irises.
• Ink (#130300): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Optimism, 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

• Nightshade Study color palette (#FFE6F4, #CA5D1E, #1948AB, #61005A, #030000)
• Powdered Ember Veranda color palette (#FFF0F9, #E65100, #00849C, #005767, #14010E)
• Quiet Study color palette (#E2FDEB, #A38700, #3475CF, #164B92, #000B04)
• Amber Parlor color palette (#E9FBE9, #D38D00, #2795C7, #006890, #061A07)
• Dusty Aubergine Bloom color palette (#FFF1F5, #C87F00, #00736E, #4F1372, #1E0013)
• Navy Delta color palette (#DFFEF0, #8C9100, #008B6F, #1446A0, #000A06)
• Linen Aubergine color palette (#DFFEEA, #A28800, #8D5ABB, #622F8D, #0A0700)
• Weathered Olive color palette (#FFF1F5, #D1951A, #3C7F10, #4C2478, #161200)

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