Ash Atelier color palette — #F7F0EC · #C5E7E6 · #7AA0C6 · #387773 · #412F3E

Blue Fog and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F7F0EC): bright and airy, almost weightless.
• Silver (#C5E7E6): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#7AA0C6): A luminous, dusty blue — the color of deep harbor water.
• Teal (#387773): A full-bodied, dusty teal — the color of sea glass.
• Espresso (#412F3E): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Ash Atelier 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 Study color palette (#E6F6EE, #7ABED8, #CB8D47, #007E9E, #35302B)
• Tempered Ash Dune color palette (#F4F6EE, #C0EBEB, #76A593, #557862, #345149)
• Cerulean Balcony color palette (#DDF3D8, #6BC6D1, #009BBD, #2A5F8B, #40293E)
• Patina Denim color palette (#F5EAE3, #64A7BD, #005D90, #003A35, #000232)
• Amber Villa color palette (#E2F8ED, #5EA7C4, #C5755A, #8D7541, #172D23)
• Powder Delta color palette (#FBF2F7, #D9D4E4, #93B5D7, #5C8F9B, #465369)
• Washed Loft color palette (#F5E6DE, #78C2C5, #007792, #004E34, #00182A)
• Feathered Nightshade color palette (#E8DFD6, #5790BB, #0E35B4, #002B30, #050019)

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