Scarlet Atelier color palette — #F3D8EE · #F52027 · #5B6C00 · #004B57 · #2A103F

Built around Scarlet, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Thistle (#F3D8EE): A whisper-light, dusty pink — the color of peonies in June.
• Scarlet (#F52027): A luminous, vivid orange — the color of autumn markets.
• Olive (#5B6C00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Teal (#004B57): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#2A103F): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Creativity, Energy. Tagged vibrant.

Use it as a design system

One click turns Scarlet 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 Ember color palette (#F4D8E8, #D85900, #2D7611, #004965, #370238)
• Washed Raspberry color palette (#EADBF3, #E3338D, #786000, #004D49, #1E114D)
• Chalky Parlor color palette (#E8DCF2, #A33D75, #4A4900, #003344, #210E4D)
• Misty Amber Boulevard color palette (#D3E8D3, #B37900, #007655, #004085, #3D0129)
• Quiet Amber color palette (#FEF3E5, #BF8500, #556E00, #004333, #000F14)
• Chalky Apricot color palette (#FFF1F6, #E98A2C, #5E8F5A, #23667D, #402F51)
• Powdered Tangerine color palette (#FAEAE4, #EC7800, #A86600, #674C00, #3A2D00)
• Hushed Chestnut Bloom color palette (#DCF1D9, #8D5900, #00542C, #002A40, #120015)

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