Tempered Garden color palette — #F0F7F1 · #B7DACE · #6EA8A5 · #797B94 · #3F524B
Built around Blue Fog, softened by Oat — the whole palette hums with sophistication and grounding.
The five colors
- Ivory (#F0F7F1): a clean, paper-quiet neutral.
- Oat (#B7DACE): A whisper-light, dusty teal — the color of shallow lagoons.
- Blue Fog (#6EA8A5): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#797B94): A full-bodied, dusty violet — the color of a velvet chair.
- Charcoal Brown (#3F524B): A full-bodied, dusty teal — the color of shallow lagoons.
Feels like: Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Tempered Garden 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
- Aged Orchard color palette (#FBF4EB, #BEE6D0, #8DBB9B, #9A7C88, #514700)
- Lagoon Quarry color palette (#FAF3F7, #D7D5E6, #8EB6DA, #5A9480, #46526B)
- Apricot Meadow color palette (#FFF0F8, #E1A07C, #6BAFCD, #6C8CBD, #503B46)
- Timeworn Lagoon color palette (#E2FCF5, #8DC2AD, #458D93, #7D546E, #023E41)
- Hushed Meadow color palette (#F9F5EB, #C5C2AA, #83863F, #7D5B62, #584E00)
- Worn Driftwood color palette (#FEF0FA, #F6B1A0, #7DBAD9, #BD7767, #2C526A)
- Pine Coast color palette (#E0ECE1, #8F995C, #157339, #51376B, #191D00)
- Softworn Olive Workshop color palette (#D7EEDF, #5E813F, #00523B, #391C49, #030800)
Browse the whole catalog at Explore, or see today's palette.