Tempered Summit color palette — #EAF4F7 · #D1D8E3 · #AFACB6 · #688995 · #30383B

Storm Blue and Silver set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#EAF4F7): bright and airy, almost weightless.
• Silver (#D1D8E3): bright and airy, almost weightless.
• Ash (#AFACB6): soft and architectural.
• Storm Blue (#688995): A luminous, dusty blue — the color of deep harbor water.
• Charcoal (#30383B): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Tempered Summit 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

• Antique Driftwood Balcony color palette (#F1F7F1, #D3DCDB, #A7ACB7, #6C8B70, #4D554E)
• Powder Study color palette (#E5F4FF, #AAC8E5, #8691A2, #6D6979, #304443)
• Navy Lantern color palette (#E2E8F0, #AAB4C5, #838DA6, #1C427C, #050B15)
• Petrol Alley color palette (#EBF3F9, #D1D7EA, #AAC2DA, #007698, #192730)
• Spruce Boulevard color palette (#D8E2E7, #7C919E, #556E83, #003039, #000103)
• Dusty Drift color palette (#DDF9F6, #3DBDD9, #477FA1, #4F4D71, #1B2F3A)
• Frost Parlor color palette (#E6F4FD, #98F8FF, #83D6F0, #6EA1CD, #132D3D)
• Hushed Nightshade Harbor color palette (#EEF1FE, #D0D2E9, #BAA0C6, #6048A0, #161926)

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