Tempered Forest color palette — #DFEFEF · #B4C8CF · #8DA9BE · #00734A · #0F2323
Pine and Blue Fog set the tone — five colors that lean into sophistication.
The five colors
- Frost (#DFEFEF): a clean, paper-quiet neutral.
- Stone (#B4C8CF): A luminous, dusty blue — the color of a favorite pair of jeans.
- Blue Fog (#8DA9BE): A luminous, dusty blue — the color of open sky before noon.
- Pine (#00734A): A full-bodied, balanced teal — the color of shallow lagoons.
- Onyx (#0F2323): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Tempered Forest 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
- Antique Abyss Grove color palette (#D3E4E7, #A5B7C1, #8397B1, #006056, #04171A)
- Lagoon Ridge color palette (#D5E1E2, #B5C1CC, #95ABC7, #009772, #072426)
- Ancient Cocoa color palette (#E0E0CB, #80A178, #37747B, #664400, #292700)
- Muted Boulevard color palette (#E9EFF5, #D0D8E8, #B5B4CF, #0E7AAD, #20303C)
- Fern Dune color palette (#F9E1ED, #A98F4E, #556A0C, #005149, #231900)
- Wandering Delta color palette (#CBEDF6, #006F6E, #403B42, #00273F, #000B10)
- Sapphire Corridor color palette (#D5EEF4, #AEBF1D, #00B3AE, #1E71DC, #001C24)
- Emerald Study color palette (#F2D7EF, #009A4B, #00617F, #6E0015, #001B17)
Browse the whole catalog at Explore, or see today's palette.