Tempered Loft color palette — #FAF3F8 · #CCE1F8 · #70AFC5 · #438A6C · #314A61

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

The five colors

• Ivory (#FAF3F8): a clean, paper-quiet neutral.
• Powder Blue (#CCE1F8): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#70AFC5): A luminous, dusty blue — the color of deep harbor water.
• Fern (#438A6C): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#314A61): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. 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

• Soft Harbor color palette (#FFF0FA, #9FEBEA, #00ADCD, #008756, #004566)
• Aqua Market color palette (#EFF7F5, #CAE1FB, #53D1E4, #53A9A1, #284D5E)
• Wandering Wisteria Boulevard color palette (#F6F3FF, #CC8BC6, #74A872, #339188, #3B324E)
• Patina Petrol color palette (#F5E9F2, #57B1C1, #006F98, #004B3D, #00132E)
• Oat Parlor color palette (#F6F3FF, #E7D5DF, #E6C59F, #8E95BD, #4E445A)
• Aged Delta color palette (#FCE8EE, #6798BF, #3252A3, #003A41, #0A0028)
• Dusty Cerulean Villa color palette (#F6EBF3, #9BCDE1, #2892BA, #006E55, #0C2F50)
• Frosted Driftwood Workshop color palette (#F5F3FF, #DA9FE0, #77B77B, #A267A8, #274C2A)

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