Tempered Pine color palette — #F3F7EE · #CFE1DC · #A7CBCD · #098C60 · #1C2014
Fern and Stone set the tone — five colors that lean into sophistication.
The five colors
- Ivory (#F3F7EE): a clean, paper-quiet neutral.
- Silver (#CFE1DC): A whisper-light, dusty teal — the color of glacier melt.
- Stone (#A7CBCD): A luminous, dusty blue — the color of a favorite pair of jeans.
- Fern (#098C60): A full-bodied, balanced teal — the color of sea glass.
- Onyx (#1C2014): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Sophistication. Tagged scandi, muted, light.
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
- Lagoon Lagoon color palette (#F3F7F0, #CFE1DE, #A6BBCA, #539984, #2A3125)
- Cypress Courtyard color palette (#F0F8EE, #CCDDDC, #C9B2C7, #006F66, #041002)
- Forest Terrace color palette (#E7F1F1, #BCD0D7, #86A5BD, #006542, #203232)
- Nocturne Lagoon color palette (#D6EDD6, #008788, #022740, #091517, #000600)
- Worn Seafoam color palette (#E6FFD3, #8CD3CC, #639588, #6D4E27, #3A2200)
- Dusty Olive color palette (#FFF2E9, #D2B875, #6B803C, #1A5D55, #221600)
- Wandering Azure Boulevard color palette (#FAF2FB, #E8D7D7, #ACB4A7, #5196DC, #3B313D)
- Dusty Jade Archive color palette (#FFF2EE, #35BD7C, #0074A0, #751223, #001714)
Browse the whole catalog at Explore, or see today's palette.