Tempered Shell Loft color palette — #FFF0FB · #E7D8D6 · #F2B7D1 · #5B8877 · #604753

Carnation and Fern set the tone — five colors that lean into sophistication and softness.

The five colors

• Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
• Bone (#E7D8D6): a clean, paper-quiet neutral.
• Carnation (#F2B7D1): A whisper-light, dusty rose — the color of a warm blush.
• Fern (#5B8877): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#604753): A full-bodied, dusty rose — the color of a warm blush.

Feels like: Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

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

• Muted Oat Veranda color palette (#FFF0F8, #EAD5DA, #F4B8A2, #59779B, #5B434A)
• Orchid Summit color palette (#FFF1F4, #A95BC1, #2D8357, #1B613F, #432B31)
• Powder Canyon color palette (#F1F5FF, #DED7E1, #8EB5F3, #BEB09F, #45485E)
• Soft Amber color palette (#FFE7EC, #F89B7B, #B18900, #71336C, #3A190D)
• Tempered Cocoa Meadow color palette (#FFF3E7, #BBA477, #8E6A4B, #7A3F1C, #3F3D36)
• Wisteria Pier color palette (#FFF1F4, #CE97D7, #A05938, #784C7F, #2D211A)
• Gentle Amber color palette (#FFF0F0, #FD9FB0, #D3833E, #634C80, #492D28)
• Antique Ultramarine Pier color palette (#F4F3FF, #FFBEEE, #EB7A78, #3C61BD, #4A2954)

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