Tempered Loft color palette — #F4F8DE · #6CB586 · #007150 · #423D00 · #000B03
Pine and Jade set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F4F8DE): A whisper-light, dusty green — the color of a quiet forest floor.
- Jade (#6CB586): A luminous, balanced teal — the color of sea glass.
- Pine (#007150): A full-bodied, balanced teal — the color of sea glass.
- Deep Olive (#423D00): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#000B03): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Tempered Loft 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
- Fern Garden color palette (#FDF4E2, #A9A65C, #5C6700, #473B00, #0B0700)
- Sunlit Mint Loft color palette (#CFFFE8, #00C990, #007A54, #002D1C, #000201)
- Faded Moss Chapel color palette (#E2F0D1, #54A800, #1B7208, #004217, #001106)
- Emerald Ridge color palette (#EAF4CF, #00AE5B, #007CD6, #005E2E, #000815)
- Worn Lagoon Loft color palette (#F3F8E8, #7FCEAD, #008A73, #275E3C, #111C00)
- Moss Harbor color palette (#E8E0CE, #939421, #475500, #332B00, #010100)
- Tempered Bloom color palette (#D3E9E5, #468864, #005042, #3D2300, #000B04)
- Weathered Moss Station color palette (#FBF5E5, #D0D698, #7F934D, #4F6D49, #2F2708)
Browse the whole catalog at Explore, or see today's palette.