Tempered Oat color palette — #F5F6EE · #BBE2EE · #A7D2BA · #8DAB8F · #355245

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

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Powder Blue (#BBE2EE): A whisper-light, dusty blue — the color of deep harbor water.
• Pistachio (#A7D2BA): A whisper-light, dusty teal — the color of sea glass.
• Sage (#8DAB8F): A luminous, dusty green — the color of fresh herbs.
• Charcoal Brown (#355245): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

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

• Ash Archive color palette (#F1F7F2, #D8E0EC, #ACD2E9, #669E97, #3A5062)
• Timeworn Stone Meadow color palette (#FFF1F1, #E1D8D0, #D2A9AC, #97B6A7, #584846)
• Aqua Quarry color palette (#F5F6EC, #A4F0F0, #46C6D2, #469D8F, #1F432D)
• Hushed Study color palette (#F7F0ED, #CAE2DE, #76A2C2, #3B795F, #442E40)
• Petrol Garden color palette (#E5E7DA, #49AFCF, #007FA9, #005C66, #000B15)
• Ancient Cocoa color palette (#FFF2EA, #F5D2B6, #D2AD95, #A78B7D, #683C00)
• Antique Studio color palette (#FFF1F2, #FFBDE9, #E7BF87, #CA95B8, #514C46)
• Quiet Sky Chapel color palette (#F4F7EB, #C7EAFF, #67BFFF, #00A0C3, #1B4268)

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