Tempered Garden color palette — #FAF3F6 · #D8D4DF · #9BBCF0 · #00949B · #323E5E

Cerulean takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FAF3F6): a clean, paper-quiet neutral.
• Silver (#D8D4DF): a clean, paper-quiet neutral.
• Sky (#9BBCF0): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#00949B): A luminous, balanced blue — the color of open sky before noon.
• Navy (#323E5E): 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

• Dusty Delta color palette (#F4F6F0, #C2E5E7, #89C4F6, #47A5C5, #544055)
• Worn Harbor color palette (#FCF2F8, #D3D5E5, #5FB4CB, #008454, #00324D)
• Petrol Harbor color palette (#EAF4F4, #C1E1FA, #6692B9, #106882, #182D45)
• Wandering Drift color palette (#FEF0FA, #97D9E1, #0086AE, #00533F, #000D1E)
• Weathered Aqua color palette (#EDF6FF, #DBD9E3, #BFAFA2, #62C1CE, #384860)
• Powdered Cobalt Lagoon color palette (#E6F9FF, #94EBFB, #2BA9DA, #2072C0, #293862)
• Cobalt Summit color palette (#ECF7FF, #A6DCFF, #E6AE6E, #0094D3, #4F3108)
• Tempered Loft color palette (#EEDDE7, #67ADC5, #00598B, #002C28, #00000C)

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