Tempered Vanilla Atelier color palette — #F5F3FF · #F3EFBA · #EADAD6 · #9FACCF · #54475A

Built around Custard, softened by Mauve — the whole palette hums with nature and growth.

The five colors

• Ivory (#F5F3FF): a clean, paper-quiet neutral.
• Custard (#F3EFBA): A whisper-light, dusty green — the color of fresh herbs.
• Bone (#EADAD6): bright and airy, almost weightless.
• Mauve (#9FACCF): A luminous, dusty violet — the color of a velvet chair.
• Charcoal Brown (#54475A): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

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

• Worn Ash Station color palette (#F8F2FF, #E9DBD8, #CAB3B0, #BF94B6, #483950)
• Tempered Celadon Villa color palette (#FEF0FF, #E9E3CC, #B7E881, #D28AC4, #5A3749)
• Misty Garden color palette (#FFF1F6, #F2D7BE, #F4D31E, #AA89EA, #54262D)
• Washed Coast color palette (#FFF0FB, #FF9A83, #65BFBA, #43A19D, #3D2D39)
• Hushed Taupe Canyon color palette (#FFF0FA, #EFC9A3, #D59D8B, #977D9E, #2C4335)
• Celadon Station color palette (#FAF2FE, #C4E299, #C57B97, #6C5C74, #261E2A)
• Softworn Field color palette (#A0FFC9, #ADDFFF, #E38AE4, #5D586C, #26242A)
• Blush Workshop color palette (#FAF2FC, #FFC2CF, #70C296, #DA8498, #112929)

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