Tempered Garden color palette — #FAF1FF · #FF88AE · #00B6B2 · #3E8BB0 · #222C3E
Built around Bubblegum, softened by Turquoise — the whole palette hums with trust and stability.
The five colors
- Blush (#FAF1FF): A whisper-light, dusty violet — the color of wild irises.
- Bubblegum (#FF88AE): A luminous, balanced red — the color of a theater curtain.
- Turquoise (#00B6B2): A luminous, balanced teal — the color of sea glass.
- Cerulean (#3E8BB0): A luminous, balanced blue — the color of a favorite pair of jeans.
- Midnight (#222C3E): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Balance. Tagged jewel, vibrant.
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
- Apricot Ridge color palette (#FFF0FB, #FF8E70, #3DA8E0, #4D85A5, #262537)
- Timeworn Chapel color palette (#FBF2FD, #FC87A3, #70AF79, #519273, #202639)
- Washed Jade color palette (#FEF0FD, #FFA09E, #6DB374, #5F7CB2, #24375C)
- Weathered Orchid Bloom color palette (#FFF0FC, #FFA592, #0098CC, #A752A9, #221937)
- Timeworn Shell color palette (#E2FDEC, #FFAFAD, #C59D5E, #5B87A7, #4D3444)
- Taupe Orchard color palette (#F9F3F9, #E8D7D7, #B2B8CA, #C096A2, #4C454B)
- Tempered Apricot Thicket color palette (#F3DEE8, #FC8629, #5F7765, #53454C, #1D161C)
- Amber Harbor color palette (#FFF2E9, #DD7E35, #648F2D, #116F54, #36241D)
Browse the whole catalog at Explore, or see today's palette.