Tempered Meadow color palette — #F8F3F9 · #D3D6EC · #87BACE · #5B9665 · #40546B

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

The five colors

• Ivory (#F8F3F9): a clean, paper-quiet neutral.
• Silver (#D3D6EC): A whisper-light, dusty violet — the color of wild irises.
• Ash (#87BACE): A luminous, dusty blue — the color of deep harbor water.
• Fern (#5B9665): A luminous, balanced green — the color of a quiet forest floor.
• Peacock (#40546B): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Ancient Balcony color palette (#FCF3F0, #BCE9EE, #A5C9F3, #7B9C7B, #37544D)
• Timeworn Turquoise color palette (#EEF6FF, #DFD9E3, #BEAAA1, #62B0BA, #474C5C)
• Softworn Turquoise Field color palette (#F8F5EF, #CBE6DD, #4DA8B5, #407C66, #365243)
• Amber Corridor color palette (#F1F5FF, #ABABE2, #D19664, #A58929, #3A4158)
• Washed Delta color palette (#F7ECF5, #579FA8, #006085, #003E23, #000527)
• Ancient Azure Cabin color palette (#FCF2F8, #A9E7F5, #0BA4F6, #008662, #2B3A77)
• Feathered Cobalt color palette (#F5EBF1, #9FCBE6, #4088DB, #006E5E, #28245C)
• Cobalt Atelier color palette (#D7F5FF, #95CFE2, #73A4DA, #6474B5, #4B4D6E)

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