Tempered Quarry color palette — #DDE2C4 · #88A586 · #436F63 · #623C2B · #433006

Espresso and Cocoa set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#DDE2C4): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#88A586): A luminous, dusty green — the color of a quiet forest floor.
• Teal (#436F63): A full-bodied, dusty teal — the color of shallow lagoons.
• Cocoa (#623C2B): A deep, shadowed, dusty orange — the color of toasted spice.
• Espresso (#433006): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Tempered Quarry 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

• Chestnut Harbor color palette (#D8E7C2, #92B19B, #627A9D, #784B09, #444316)
• Softworn Azure color palette (#D2E4E2, #8ABCCC, #5AA2DA, #946249, #4D3913)
• Worn Pewter color palette (#C8E4E8, #769ABE, #775D8E, #594400, #263815)
• Aged Fern Study color palette (#EFE2D6, #9B8B53, #4D5D00, #004A35, #322800)
• Wandering Cerulean color palette (#D1F6EF, #398BAB, #55567D, #503410, #3B2300)
• Washed Olive color palette (#DCFFEE, #D9C6D5, #A7868C, #777127, #44543D)
• Washed Mulberry color palette (#D2EDE1, #8EB5AB, #6C84BA, #7D4775, #4D2337)
• Tempered Aubergine Hollow color palette (#C8E8FF, #7792AF, #556799, #60255B, #2B1937)

Browse the whole catalog at Explore, or see today's palette.