Tempered Pine color palette — #F3F7E9 · #98E4B2 · #6D83D9 · #0B8D51 · #0F010C
Fern and Lavender Blue set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F3F7E9): a clean, paper-quiet neutral.
- Mint (#98E4B2): A whisper-light, balanced teal — the color of sea glass.
- Lavender Blue (#6D83D9): A luminous, balanced violet — the color of wild irises.
- Fern (#0B8D51): A full-bodied, balanced teal — the color of glacier melt.
- Ink (#0F010C): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Creativity, Balance. Tagged duotone.
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
- Iris Corridor color palette (#EFF8EE, #61E8E2, #857DCF, #008884, #0E0108)
- Feathered Olive color palette (#F7F6E8, #BDDE87, #1996C7, #618400, #000804)
- Misty Aubergine color palette (#DAEDE3, #0087AA, #530086, #00303F, #040001)
- Chalky Peony Villa color palette (#E7FBF2, #ABE1FF, #DB55BE, #0089BA, #180013)
- Linen Station color palette (#EBF8FA, #72E1CC, #00B5D5, #00AE98, #001C28)
- Dusty Boulevard color palette (#E8FBEA, #00DEE5, #B734D9, #007A7E, #040006)
- Antique Dune color palette (#EFF8F2, #B7E1EE, #C39ED3, #3EAABE, #281A1D)
- Weathered Teal Basin color palette (#EEF4ED, #38B6A6, #006F8B, #006359, #000904)
Browse the whole catalog at Explore, or see today's palette.