Tempered Atelier color palette — #DEFDF9 · #84CEA4 · #1C8A6B · #24586B · #001D1D

Fern and Mint Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#DEFDF9): A whisper-light, dusty teal — the color of sea glass.
• Mint Leaf (#84CEA4): A luminous, balanced teal — the color of glacier melt.
• Fern (#1C8A6B): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#24586B): A full-bodied, dusty blue — the color of deep harbor water.
• Ink (#001D1D): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, 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

• Washed Olive color palette (#E9FAF0, #BAC17B, #6A8032, #005F52, #001E14)
• Patina Lagoon Delta color palette (#E1FBFB, #9FE0CA, #469B8D, #3D6984, #002E32)
• Patina Olive color palette (#E5FCF0, #B5C288, #618330, #783E34, #001E16)
• Hushed Quarry color palette (#F1ECDC, #709B68, #00654A, #492A56, #121400)
• Patina Coast color palette (#EBF8F7, #D0DDFB, #4C9BC8, #006779, #002038)
• Pine Chapel color palette (#C7EEE6, #4C8B55, #004829, #2D1400, #000200)
• Lagoon Atelier color palette (#E2E7D3, #4D9E78, #00644E, #00445A, #232D0C)
• Airy Balcony color palette (#E4FBF8, #A4EBC4, #00AB85, #84643D, #003822)

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