Tempered Atelier color palette — #EFF7F9 · #D6DAE2 · #BCC0D1 · #21A2A8 · #3D4A4E

Cerulean and Stone set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#EFF7F9): bright and airy, almost weightless.
• Silver (#D6DAE2): a clean, paper-quiet neutral.
• Stone (#BCC0D1): A luminous, dusty violet — the color of a velvet chair.
• Cerulean (#21A2A8): A luminous, balanced teal — the color of sea glass.
• Charcoal (#3D4A4E): quiet, heavy and certain.

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

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

• Aged Teal color palette (#F1F7F0, #CEE2E2, #D4C1BD, #70BBB8, #424B41)
• Hushed Cerulean Terrace color palette (#EEF7FC, #CEE1F1, #ACBFDA, #0084A4, #213642)
• Dusty Denim Hollow color palette (#E1ECF0, #A6B7C3, #7C98B7, #005D6A, #011720)
• Ancient Driftwood color palette (#EAFAF2, #A3CFC5, #739B7B, #497B83, #264A43)
• Antique Station color palette (#D8E7F1, #009DCC, #3F4F60, #1E303C, #111A1E)
• Muted Abyss Corridor color palette (#E9F8FF, #AECAE3, #8E9CC2, #86687D, #395537)
• Terracotta Orchard color palette (#E7FBEB, #63C2CE, #4F8BC1, #96474D, #224152)
• Terracotta Delta color palette (#EAF8FE, #50B4CA, #946CB5, #94411A, #1D420C)

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