Tempered Atelier color palette — #FBF4EE · #B9E9D4 · #5D8DC5 · #1A6F6F · #583E51

Slate Blue takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FBF4EE): a clean, paper-quiet neutral.
• Mint (#B9E9D4): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#5D8DC5): A luminous, balanced blue — the color of deep harbor water.
• Teal (#1A6F6F): A full-bodied, dusty teal — the color of glacier melt.
• Cocoa (#583E51): A deep, shadowed, dusty pink — the color of a candy shop window.

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

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

• Cerulean Terrace color palette (#FCF3EF, #C4E7C8, #3697B4, #2C7155, #2E4F46)
• Cypress Villa color palette (#F7F0EB, #C2E6D6, #738EBB, #006D64, #3D2231)
• Linen Cobalt color palette (#FFF2EA, #98D9F4, #1284D5, #006762, #2D3C6E)
• Patina Periwinkle color palette (#FCF2F6, #D4DFFA, #82A6DC, #42897E, #3F4662)
• Peony Courtyard color palette (#FFF2F0, #C9608A, #099072, #247678, #4B302D)
• Dusty Thicket color palette (#FEE8DC, #348DA2, #004160, #00231D, #000720)
• Hushed Lantern color palette (#F7E9E3, #4BB0B4, #006177, #00402A, #002238)
• Timeworn Veranda color palette (#FFF2EB, #0FD1D0, #007B90, #005935, #003752)

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