Tempered Atelier color palette — #F5F6EF · #B7E0C9 · #56A0C1 · #007A87 · #003F5E

Teal and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F5F6EF): a clean, paper-quiet neutral.
• Celadon Mist (#B7E0C9): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#56A0C1): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007A87): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#003F5E): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Patina Cerulean Chapel color palette (#F4F7EE, #C3E2E6, #83A8D2, #2285AC, #344868)
• Sunlit Cobalt color palette (#EDF0E7, #9DD1C4, #5587CD, #00658F, #162A5D)
• Washed Denim color palette (#E4E7D8, #749D89, #006086, #003A44, #000A16)
• Hushed Cobalt Alley color palette (#E1E4D8, #88B9D3, #007CB8, #005669, #00203D)
• Feathered Peony color palette (#F7DCE9, #9787D8, #CE5D89, #0084A8, #2C2448)
• Quiet Archive color palette (#FDE7F4, #9C9EEE, #00ACA0, #6650EE, #003F3A)
• Hazy Hollow color palette (#D6E2FA, #8EA1F0, #7176D9, #5C4BB4, #3C3164)
• Tempered Iris color palette (#FFF1F7, #F1D9FF, #DBB0D7, #817CC3, #553842)

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