Tempered Field color palette — #F9F8D1 · #FF953B · #7BA200 · #007F8C · #00321D
Built around Olive Leaf, softened by Apricot — the whole palette hums with nature and growth.
The five colors
- Custard (#F9F8D1): A whisper-light, dusty green — the color of fresh herbs.
- Apricot (#FF953B): A luminous, vivid gold — the color of honey in a jar.
- Olive Leaf (#7BA200): A luminous, vivid green — the color of fresh herbs.
- Teal (#007F8C): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Forest (#00321D): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged candy, vibrant, light.
Use it as a design system
One click turns Tempered Field 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
- Airy Villa color palette (#F0FBD3, #F2A10A, #33B80F, #006F96, #002E21)
- Misty Apricot color palette (#FFF4DA, #FF9573, #A39000, #007E65, #1B2A00)
- Pale Corridor color palette (#D2FDF3, #C2BC00, #63BB00, #008878, #001705)
- Timeworn Dune color palette (#E8F7DE, #C2B529, #00A68E, #0065BE, #002E2E)
- Lime Canyon color palette (#F5F9D5, #D7CC00, #74CD00, #00A99A, #003619)
- Clover Coast color palette (#EFFBDD, #E4CF33, #00CD74, #007AD8, #00423A)
- Hushed Forest color palette (#F9E9D1, #8C9A53, #006D37, #583D00, #2B3200)
- Dusty Grape Corridor color palette (#DAE4D8, #70B04C, #008E8C, #5228D9, #001E28)
Browse the whole catalog at Explore, or see today's palette.