Tempered Atelier color palette — #F8EBE5 · #89E4EF · #34B1EC · #439068 · #1A2C51

Built around Cyan, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Cream (#F8EBE5): bright and airy, almost weightless.
• Ice Blue (#89E4EF): A whisper-light, balanced blue — the color of deep harbor water.
• Cyan (#34B1EC): A luminous, balanced blue — the color of deep harbor water.
• Fern (#439068): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#1A2C51): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, 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

• Faded Periwinkle Loft color palette (#F9ECDF, #A4DBFF, #80A1F3, #0F918C, #30264C)
• Ancient Harbor color palette (#E8F1EA, #7AD5E2, #1794B7, #006D62, #00324B)
• Dusty Courtyard color palette (#FCF3EB, #BAF1F6, #A8BCEF, #58A8A4, #5D3C4C)
• Petrol Ridge color palette (#EEE6EC, #80BFCA, #00759C, #004D3D, #001630)
• Antique Pine color palette (#F3DED8, #15C9C3, #0092B0, #1C7220, #001529)
• Sunlit Garden color palette (#F1F5C8, #66F9F8, #9DC9FE, #A89750, #243412)
• Chalky Mint color palette (#99F7D3, #00E0B6, #00AE87, #007A4E, #002012)
• Misty Emerald color palette (#E8E4CB, #95BB00, #17AD2B, #00795C, #003839)

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