Tempered Summit color palette — #F2DEE0 · #AB7A4C · #656E2A · #363F7C · #1A0423

Built around Navy, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F2DEE0): A whisper-light, dusty red — the color of late-summer berries.
• Caramel (#AB7A4C): A luminous, balanced gold — the color of old brass.
• Olive (#656E2A): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#363F7C): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#1A0423): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged vintage, retro, muted.

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

• Ancient Pine color palette (#FCE8F1, #8D8B33, #1B7C42, #53395F, #170E2B)
• Bronze Atelier color palette (#E6DEF8, #BC6E6C, #915A00, #004F6C, #000F23)
• Worn Fern color palette (#F7EFDD, #827B45, #4F5D00, #003A33, #001114)
• Hushed Cabin color palette (#DEF5E3, #86903D, #1A760B, #6E2D55, #000805)
• Misty Chapel color palette (#E5E1D0, #826E00, #3842F8, #80279A, #020200)
• Timeworn Amethyst color palette (#D3E7DA, #947D00, #833BEB, #645300, #09001B)
• Worn Moss Studio color palette (#ECE6D9, #6FA05D, #008C82, #843B5A, #370418)
• Patina Pier color palette (#EDEFD7, #8D9200, #5E7000, #353E00, #010200)

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