Ash Lantern color palette — #F0F7F1 · #D1DDDD · #B6B3BE · #81A6AF · #485049

Built around Blue Fog, softened by Ash — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Silver (#D1DDDD): bright and airy, almost weightless.
• Ash (#B6B3BE): a calm mid-gray that lets other colors speak.
• Blue Fog (#81A6AF): A luminous, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#485049): a grounded near-black with real depth.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, light.

Use it as a design system

One click turns Ash Lantern 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 Powder Balcony color palette (#E9FAF1, #C6DCF7, #C7B9EC, #BAAEB3, #244338)
• Weathered Lagoon color palette (#ECF3F6, #D4D7DD, #B3ACB6, #499094, #2C383C)
• Bronze Dune color palette (#FFF4E2, #91EEFF, #83A5CB, #A15E46, #2F453A)
• Hushed Market color palette (#DAE8DF, #A7C2B7, #9F89A0, #004450, #000201)
• Washed Fern Basin color palette (#F7F5EB, #B1EEEF, #90BA9D, #7C8B78, #4A4900)
• Softworn Cocoa color palette (#E5FCEE, #BFE7ED, #D8B8CB, #96857B, #6D4500)
• Hushed Bloom color palette (#F5EBF1, #E1C8D2, #BE9CA2, #444387, #070104)
• Violet Boulevard color palette (#FFF0F7, #E5D7D4, #C1AA94, #816ACE, #331C28)

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