Tempered Garden color palette — #FFF2EC · #9AEBF3 · #36A9D2 · #008665 · #09426E

Built around Cyan, softened by Fern — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Sea Foam (#9AEBF3): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#36A9D2): A luminous, balanced blue — the color of deep harbor water.
• Fern (#008665): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#09426E): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, 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

• Washed Sky Basin color palette (#FBF2F8, #CED8ED, #01BFF3, #008B69, #0E3759)
• Faded Archive color palette (#FFF2EC, #6CDDF2, #0098CF, #007460, #003266)
• Timeworn Periwinkle Ridge color palette (#FCF4EB, #B2E8D9, #7B98E6, #008090, #40356F)
• Gentle Aqua Station color palette (#F5F6EA, #A4F4FD, #00CCEA, #00A6A1, #004759)
• Driftwood Terrace color palette (#FBF3EF, #C2E1ED, #8EBDAE, #758F6E, #62495E)
• Antique Petrol color palette (#F0E1DA, #66B0B4, #00718D, #004C34, #001527)
• Worn Corridor color palette (#FAE9DC, #5E9BBB, #0A57A5, #003B3C, #05002C)
• Washed Balcony color palette (#F2E8DF, #8CBEAC, #3D73C6, #00585D, #1A144B)

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