Tempered Pine color palette — #BFE9D7 · #7BA132 · #007F32 · #005063 · #162A07
Olive and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#BFE9D7): A whisper-light, dusty teal — the color of sea glass.
- Moss (#7BA132): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#007F32): A full-bodied, balanced green — the color of fresh herbs.
- Peacock (#005063): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Forest (#162A07): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.
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
- Timeworn Amber color palette (#CAE6D5, #AC9000, #647100, #00534F, #002C1B)
- Powdered Pine color palette (#D5F8E9, #80B266, #008E57, #005E7C, #0E3834)
- Airy Parlor color palette (#C1E8DC, #00AE69, #007A6A, #004982, #002A2C)
- Ancient Emerald color palette (#E4EBCD, #089B30, #00684D, #003C5B, #001C0B)
- Patina Olive color palette (#D1EEE8, #408500, #003F17, #001B17, #000604)
- Gentle Navy color palette (#DBEBCB, #008665, #005653, #00216F, #000F0B)
- Bronze Study color palette (#F8D2E0, #857900, #005C3B, #49195B, #002C22)
- Weathered Pier color palette (#EEDBBF, #ABB346, #2EA05D, #5D58B0, #1B2905)
Browse the whole catalog at Explore, or see today's palette.