Tempered Quarry color palette — #FAF5E8 · #B2BA8C · #6C8B58 · #316A8A · #343911
Built around Fern, softened by Peacock — the whole palette hums with nature and growth.
The five colors
- Ivory (#FAF5E8): bright and airy, almost weightless.
- Sage (#B2BA8C): A luminous, dusty green — the color of new leaves after rain.
- Fern (#6C8B58): A full-bodied, balanced green — the color of new leaves after rain.
- Peacock (#316A8A): A full-bodied, dusty blue — the color of deep harbor water.
- Forest (#343911): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, 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
- Antique Lagoon color palette (#F4F7EA, #8DC2AC, #249389, #006F85, #333730)
- Basalt Chapel color palette (#F8F6E9, #C5C89F, #6F9B7F, #59739A, #454600)
- Driftwood Basin color palette (#ECF9F0, #CDD799, #73965C, #48677F, #102E25)
- Faded Pine color palette (#EBE4D1, #99AE71, #44833E, #704075, #232E07)
- Nightshade Quarry color palette (#EBEED3, #5BC290, #008B77, #4D4BAD, #003822)
- Antique Cypress Workshop color palette (#F9F4ED, #C6DBC5, #47A5B2, #007F60, #004153)
- Weathered Pine color palette (#EBE5D3, #829E59, #1E7329, #004878, #131F00)
- Linen Boulevard color palette (#FFDAE0, #BC78C3, #AE8100, #008892, #421F27)
Browse the whole catalog at Explore, or see today's palette.