Tempered Ash Courtyard color palette — #FBF2F6 · #D8D4DF · #BCBEE2 · #6A9AA8 · #424D65

A conversation between Slate Blue and Lavender, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#FBF2F6): a clean, paper-quiet neutral.
• Silver (#D8D4DF): a clean, paper-quiet neutral.
• Lavender (#BCBEE2): A luminous, dusty violet — the color of a velvet chair.
• Slate Blue (#6A9AA8): A luminous, dusty blue — the color of open sky before noon.
• Charcoal Brown (#424D65): A full-bodied, dusty violet — the color of twilight just after sunset.

Feels like: Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Tempered Ash 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

• Hushed Basin color palette (#EDF7FF, #D1DBF8, #F9BC9B, #57A2D4, #5C3A4C)
• Turquoise Loft color palette (#F4F6F0, #CBE4E5, #9FD4C2, #65AEC4, #30524A)
• Muted Azure Dune color palette (#EBF4F3, #D3DAEE, #67A3D1, #377487, #25384B)
• Aged Sky Workshop color palette (#E5F9FF, #C1E6FF, #71BDE4, #517EA8, #3E4F6C)
• Dusty Denim color palette (#F1E5E9, #70A8D5, #2F4F9E, #002B30, #010009)
• Turquoise Bloom color palette (#FFF0FA, #CEDDF2, #00C2E4, #1D8B5A, #003956)
• Timeworn Field color palette (#EDF9F0, #BBE9EB, #91BA9F, #926F7B, #2C4540)
• Powder Hollow color palette (#EDF6FF, #9BD3FE, #E3AE8A, #C09A71, #2B3A47)

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