Tempered Shell color palette — #FCF1FE · #FFADB8 · #AFAE69 · #579299 · #3E3F5C

Ballet Pink and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF1FE): A whisper-light, dusty pink — the color of neon signs at night.
• Ballet Pink (#FFADB8): A whisper-light, balanced red — the color of a theater curtain.
• Sage (#AFAE69): A luminous, balanced green — the color of a quiet forest floor.
• Storm Blue (#579299): A luminous, dusty blue — the color of deep harbor water.
• Navy (#3E3F5C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged muted.

Use it as a design system

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

• Aged Basin color palette (#F5F3FF, #E7B1EF, #D39B75, #699370, #29455D)
• Muted Shell Delta color palette (#FFF1F0, #FCB3D1, #8CA46A, #2D7490, #194133)
• Sunlit Moss Balcony color palette (#FFF0FB, #FF9681, #96A300, #00868A, #2A2562)
• Stone Garden color palette (#FEF0FF, #EFD1D4, #B2C6B4, #889DA2, #405462)
• Worn Dune color palette (#FFF0FD, #FFC5B5, #F0A97D, #B28E69, #3E5440)
• Soft Mustard color palette (#EDF9ED, #F1B048, #53B58E, #567FB0, #502842)
• Blush Courtyard color palette (#FBEDF9, #FF948E, #89757F, #5B515A, #242025)
• Tempered Olive Quarry color palette (#F8F1E5, #B1986C, #607C49, #00594F, #002B3E)

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