Tempered Oat color palette — #ECF9F1 · #C8DEAB · #8BB997 · #7F9788 · #2C4942

Celadon Mist and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#ECF9F1): a clean, paper-quiet neutral.
• Celadon Mist (#C8DEAB): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#8BB997): A luminous, dusty teal — the color of shallow lagoons.
• Eucalyptus (#7F9788): A luminous, dusty teal — the color of sea glass.
• Forest (#2C4942): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

Use it as a design system

One click turns Tempered Oat 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

• Timeworn Teal Basin color palette (#E8F9F6, #A8E4CD, #74BABA, #A5859A, #2B484A)
• Tempered Bronze Villa color palette (#F8F5E9, #B7CE9A, #7B996F, #817227, #4A4400)
• Wandering Sunflower color palette (#EAFBEA, #DAD455, #82B755, #559789, #204333)
• Worn Seafoam Villa color palette (#C6F0C7, #69E6AB, #00C5B5, #259199, #1B495D)
• Wandering Turquoise Canyon color palette (#FCF2F5, #D9DDF4, #A7BDEC, #5BA5B0, #3F4660)
• Tempered Mustard Meadow color palette (#D6EBDB, #B3C466, #67A266, #46817D, #053125)
• Aged Studio color palette (#CDF6E7, #71DB87, #00B092, #75824C, #093816)
• Pale Seafoam Ridge color palette (#E4FAFF, #1CE9DC, #F7A2AF, #40B3A9, #503854)

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