Tempered Garden color palette — #F7EFF3 · #C2E1F6 · #698FC4 · #006E61 · #242B41

Slate Blue and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F7EFF3): bright and airy, almost weightless.
• Powder Blue (#C2E1F6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#698FC4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#006E61): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#242B41): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Cerulean Station color palette (#EFF8F1, #B1E5FC, #5990B9, #087076, #344963)
• Weathered Cobalt Harbor color palette (#FAEEF2, #A4CDEF, #6576BD, #005B5C, #1C1D37)
• Feathered Turquoise Meadow color palette (#C5EFF3, #22BCC5, #008CA9, #145187, #27294B)
• Chalky Coast color palette (#E5F4FF, #52B0D8, #CE722C, #006E91, #3F1D04)
• Timeworn Dune color palette (#E5F5FE, #D8D7E5, #E7AEEA, #3F8E7D, #283543)
• Wandering Cerulean Parlor color palette (#F6E8F2, #198796, #00405F, #002113, #00000D)
• Antique Powder color palette (#F8F5EF, #BFE2F1, #7EC3F6, #2B9299, #4E354E)
• Aged Spruce color palette (#F5ECF5, #6AA9A8, #00627A, #003D10, #000B1C)

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