Tempered Pine color palette — #EFFBDA · #89C2A5 · #168B5F · #005232 · #003823
Fern and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#EFFBDA): A whisper-light, dusty green — the color of fresh herbs.
- Mint Leaf (#89C2A5): A luminous, dusty teal — the color of sea glass.
- Fern (#168B5F): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#005232): A deep, shadowed, balanced teal — the color of sea glass.
- Deep Forest (#003823): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Calm, Balance. Tagged monochrome, cool.
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
- Wandering Market color palette (#D5FFFF, #89F0B9, #6DC896, #50936D, #053924)
- Lagoon Dune color palette (#E6FDE4, #B4D5B3, #268F8D, #00605F, #00413F)
- Patina Olive color palette (#FEF6D4, #B7BF84, #777822, #464800, #2D2D00)
- Antique Jade color palette (#D9FDFF, #9BDFB3, #1BAC7A, #097048, #033922)
- Turquoise Summit color palette (#E6F9FF, #2CC0D9, #00768B, #004550, #002E36)
- Weathered Abyss color palette (#F1F7EF, #C0AC83, #005E59, #003633, #09221B)
- Hushed Fern Parlor color palette (#F2F9E2, #C6E6D6, #99D0C6, #748C57, #415A1A)
- Teal Drift color palette (#9CFFEF, #00B1A2, #006D5F, #003A35, #001F1B)
Browse the whole catalog at Explore, or see today's palette.