Tempered Garden color palette — #FFF1F7 · #8AD5FF · #2E8BFA · #007274 · #272375
Built around Azure, softened by Royal Purple — the whole palette hums with trust and stability.
The five colors
- Ivory (#FFF1F7): a clean, paper-quiet neutral.
- Sky (#8AD5FF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
- Azure (#2E8BFA): A luminous, vivid blue — the color of deep harbor water.
- Teal (#007274): A full-bodied, balanced teal — the color of sea glass.
- Royal Purple (#272375): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Timeworn Ridge color palette (#F7EAF2, #9ECCE4, #468EBE, #006D62, #132B5B)
- Antique Azure Lantern color palette (#FFF0FB, #AAE7F0, #34A9D7, #00856A, #0A4172)
- Pale Cobalt Hollow color palette (#F3F8E7, #88C0E1, #0074B3, #005367, #003361)
- Antique Lagoon color palette (#FBF2F5, #DBDEED, #9DB1DD, #5E8EA2, #4B5168)
- Antique Petrol color palette (#F7E7F3, #61B0B6, #00718E, #004C36, #001528)
- Violet Station color palette (#DFECB9, #A4BD2A, #8F52E7, #617200, #3B0071)
- Tempered Seafoam Grove color palette (#F3FCC5, #8FFBBD, #00D0D6, #9F7600, #1A3F05)
- Muted Amethyst color palette (#E7EDDE, #8BB12C, #C8209E, #8434E2, #1D2900)
Browse the whole catalog at Explore, or see today's palette.