Tempered Pine color palette — #FFF0FA · #8A94C6 · #BA7563 · #2D8A56 · #503B4A
A conversation between Fern and Caramel, giving this palette its sense of nature and growth.
The five colors
- Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
- Blue Fog (#8A94C6): A luminous, dusty violet — the color of a velvet chair.
- Caramel (#BA7563): A luminous, balanced orange — the color of autumn markets.
- Fern (#2D8A56): A full-bodied, balanced teal — the color of sea glass.
- Charcoal (#503B4A): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.
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
- Aged Lagoon color palette (#FFF1F3, #AC8AB0, #A2854B, #00868F, #533B3F)
- Timeworn Market color palette (#E2FCF3, #6C9EC5, #B27585, #698127, #294A40)
- Worn Violet color palette (#FFE2EE, #8B67D2, #AB5A00, #00715F, #352652)
- Washed Moss Parlor color palette (#EEF6FF, #84B6EA, #9DAF4F, #5A9E70, #354453)
- Wandering Cerulean color palette (#FEF0F9, #E6D7D5, #B0AF9B, #6488B3, #614C57)
- Worn Thicket color palette (#FDF3EC, #C8B49F, #A97241, #7E5042, #5F4200)
- Antique Market color palette (#FFF0FA, #E6BED5, #767CB7, #494785, #34355D)
- Stone Veranda color palette (#F0F5FF, #B6C3FF, #F0AA98, #8FBB9D, #3A4253)
Browse the whole catalog at Explore, or see today's palette.