Tempered Atelier color palette — #F9D8FA · #1881F7 · #6D7800 · #004B9B · #2C3200

Azure and Indigo set the tone — five colors that lean into nature and growth.

The five colors

• Thistle (#F9D8FA): A whisper-light, dusty pink — the color of a candy shop window.
• Azure (#1881F7): A luminous, vivid blue — the color of deep harbor water.
• Olive Leaf (#6D7800): A full-bodied, balanced green — the color of new leaves after rain.
• Indigo (#004B9B): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#2C3200): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged cool.

Use it as a design system

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

• Soft Nightshade Loft color palette (#FCD9ED, #877FFF, #607C00, #3F00AF, #263400)
• Nightshade Delta color palette (#E2E8FD, #6772FF, #827200, #3715CE, #1B1600)
• Hazy Cerulean color palette (#CBEEDE, #0091BE, #936600, #005673, #3F2900)
• Ultramarine Quarry color palette (#F9D9F4, #4878FF, #9D6000, #1400E8, #432600)
• Dusty Chapel color palette (#DBE5F3, #006CDE, #546F00, #005C3C, #00224F)
• Feathered Lapis color palette (#FDD8F2, #98A8FF, #A38A00, #403AD4, #372D00)
• Frosted Boulevard color palette (#F2D6DB, #BB68C4, #427C00, #62006C, #163100)
• Wandering Amber color palette (#FFF1F6, #B9A3DF, #B59538, #7E61A9, #504D46)

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