Tempered Loft color palette — #F9DCF6 · #9EAEFF · #00B6CD · #27354A · #182329

Cyan and Lavender set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F9DCF6): A whisper-light, dusty pink — the color of neon signs at night.
• Lavender (#9EAEFF): A luminous, balanced violet — the color of wild irises.
• Cyan (#00B6CD): A luminous, balanced blue — the color of deep harbor water.
• Deep Teal (#27354A): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#182329): quiet, heavy and certain.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged neon, dark, vibrant, muted.

Use it as a design system

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

• Linen Veranda color palette (#FFE9EE, #CC99FF, #34A9FF, #2C2F4A, #1C2228)
• Sunlit Jade Veranda color palette (#D9DBFD, #27C5F7, #00BF86, #1F3843, #152324)
• Lilac Balcony color palette (#FFE2DF, #A596FF, #00B09D, #0C202D, #000E11)
• Teal Courtyard color palette (#EBDED4, #C1AAFF, #00C9B3, #26381E, #141B11)
• Wandering Thicket color palette (#FFDCCD, #FFB9DA, #AEB8FF, #464251, #2B2F37)
• Weathered Petrol Atelier color palette (#EFF6FC, #D5D9E6, #A8B5C3, #216D89, #303C44)
• Wandering Fuchsia color palette (#FBE6E4, #FF5BF2, #6992FF, #2A1C45, #0E1726)
• Patina Denim Lantern color palette (#ECF7FC, #00ACC6, #0060A5, #005A68, #0D1925)

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