Tempered Meadow color palette — #F0EEE2 · #7C8B3E · #403E00 · #201E14 · #0E0C07

A conversation between Olive Leaf and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Cream (#F0EEE2): bright and airy, almost weightless.
• Olive Leaf (#7C8B3E): A luminous, balanced green — the color of a quiet forest floor.
• Deep Olive (#403E00): A deep, shadowed, dusty green — the color of fresh herbs.
• Onyx (#201E14): quiet, heavy and certain.
• Ink (#0E0C07): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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

• Wandering Bronze color palette (#F7EBDF, #AD7628, #3F3B34, #251C12, #100B08)
• Softworn Parlor color palette (#E7F6F0, #94A45A, #415F59, #263E36, #1C2420)
• Velvet Lagoon Pier color palette (#D6E3D2, #00877D, #253627, #10190D, #050703)
• Teal Meadow color palette (#EDF6E1, #61AE8B, #5497B5, #847946, #232A19)
• Muted Alley color palette (#F9F6E3, #AAB675, #4E5C14, #2D2B21, #130F08)
• Antique Driftwood Station color palette (#F1F3E9, #BEC8AC, #718E4E, #745F10, #2A3700)
• Worn Pine color palette (#F1F3E8, #99BF9B, #C98C69, #49814F, #36302B)
• Moonless Courtyard color palette (#DBEFDB, #535964, #003F40, #161F26, #00080A)

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