Tempered Pine color palette — #FFF0D4 · #FFA07E · #C99500 · #009043 · #101000
A conversation between Kelly Green and Mustard, giving this palette its sense of nature and growth.
The five colors
- Custard (#FFF0D4): A whisper-light, dusty gold — the color of honey in a jar.
- Melon (#FFA07E): A luminous, balanced orange — the color of autumn markets.
- Mustard (#C99500): A luminous, balanced gold — the color of old brass.
- Kelly Green (#009043): A full-bodied, balanced teal — the color of glacier melt.
- Ink (#101000): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.
Use it as a design system
One click turns Tempered Pine 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
- Amber Garden color palette (#FFEEE5, #FFA5B5, #E77800, #6F8400, #1E1300)
- Moss Field color palette (#F7F4CD, #FFA54D, #87B000, #00887B, #001501)
- Airy Emerald color palette (#DCFFE9, #FFBFAF, #D2AF00, #00A556, #292D00)
- Marigold Lantern color palette (#FFF4DE, #FDAB20, #BC9700, #6A7500, #342C00)
- Worn Aubergine Harbor color palette (#F8E0D8, #B19A58, #3E8537, #562087, #450824)
- Wandering Emerald Alley color palette (#EBF0D9, #9F9A00, #009D5F, #006373, #000604)
- Pale Loft color palette (#F2E8CE, #949100, #446900, #0B4906, #001E11)
- Washed Workshop color palette (#EAE6C6, #65A676, #006B5B, #790019, #001C09)
Browse the whole catalog at Explore, or see today's palette.