Tempered Loft color palette — #FDF3EE · #C6EBCB · #4EC1E6 · #439F7B · #183E5A

Cyan and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FDF3EE): bright and airy, almost weightless.
• Celadon Mist (#C6EBCB): A whisper-light, dusty green — the color of a quiet forest floor.
• Cyan (#4EC1E6): A luminous, balanced blue — the color of deep harbor water.
• Fern (#439F7B): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#183E5A): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light, 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

• Washed Sky color palette (#FCF3ED, #C3EBD8, #79B6F6, #159F9D, #4C3045)
• Quiet Mint color palette (#D6EBDD, #30D7C1, #00B1B6, #0089A0, #083D55)
• Antique Glacier Terrace color palette (#FAF3F0, #C4DFE3, #79D6EF, #80AF93, #355148)
• Feathered Coral color palette (#DFF5E3, #34D6E5, #FF8880, #00A4B1, #522724)
• Hazy Azure color palette (#F0E4DE, #72D0E2, #009ED8, #007F6A, #001E44)
• Softworn Dune color palette (#EEE4DF, #66AEB7, #0080A5, #006049, #000A18)
• Frosted Coral Cabin color palette (#CFEED5, #00C5D4, #FF6F78, #E07332, #1A3220)
• Timeworn Basin color palette (#ECF4ED, #ABCEDA, #2089A0, #005D4D, #002434)

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