Tempered Forest color palette — #F8F0EC · #CBE5C8 · #4E9AA9 · #2A6E45 · #0B3427
Pine and Cerulean set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F8F0EC): a clean, paper-quiet neutral.
- Celadon Mist (#CBE5C8): A whisper-light, dusty green — the color of a quiet forest floor.
- Cerulean (#4E9AA9): A luminous, dusty blue — the color of a favorite pair of jeans.
- Pine (#2A6E45): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Forest (#0B3427): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
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
- Worn Cypress color palette (#F9F0EB, #C6E5D4, #6293BA, #006D65, #3A2337)
- Cerulean Meadow color palette (#F9EFEB, #AFD1B7, #1588AE, #005E47, #00213F)
- Lagoon Studio color palette (#F9E9E1, #40999F, #005267, #002D1E, #00050C)
- Hushed Aqua Quarry color palette (#EEF7F5, #D2E1EE, #77CBCE, #459280, #1D4553)
- Apricot Quarry color palette (#FFEFDD, #CE9757, #6D8CCC, #8A580E, #162647)
- Tempered Cobalt Station color palette (#FDEFE2, #A7D6FD, #607FCB, #00606B, #25194F)
- Hazy Amber color palette (#FFEFDB, #B4832C, #4D83BB, #56689F, #2A1B05)
- Patina Cocoa Field color palette (#FEEFDF, #BDA983, #8F6E48, #733B0E, #292208)
Browse the whole catalog at Explore, or see today's palette.