Tempered Taupe color palette — #F7F5EC · #D7E5B3 · #8ABFE1 · #A2B473 · #1F322C
Sage and Sky set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F7F5EC): a clean, paper-quiet neutral.
- Celadon Mist (#D7E5B3): A whisper-light, dusty green — the color of fresh herbs.
- Sky (#8ABFE1): A luminous, dusty blue — the color of deep harbor water.
- Sage (#A2B473): A luminous, balanced green — the color of new leaves after rain.
- Deep Forest (#1F322C): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, light, muted.
Use it as a design system
One click turns Tempered Taupe 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
- Apricot Garden color palette (#FAF4ED, #FDD7AA, #6EC9C9, #D1A166, #273127)
- Washed Corridor color palette (#F5F6EF, #B9E5D8, #6ABCD2, #6AAD5F, #122219)
- Teal Coast color palette (#F3F7EE, #B0EED1, #C7A8E3, #68BF9A, #39282E)
- Softworn Turquoise color palette (#F0F8EE, #81CFC4, #65B2D3, #AB7789, #2A3B00)
- Weathered Basin color palette (#F4F6EF, #D4DDDA, #9DD6E5, #A8B7BE, #51534D)
- Feathered Navy color palette (#F5FACA, #BAE5C2, #74C7C2, #479DB7, #2C4781)
- Dusty Cobalt Balcony color palette (#EDF4F0, #C6C798, #5583C8, #76762F, #0F1620)
- Moss Thicket color palette (#F5F6E9, #95E878, #82A2FF, #5CB339, #2D1129)
Browse the whole catalog at Explore, or see today's palette.