Tempered Forest Loft color palette — #FAEFEC · #CDE3D0 · #6395AE · #2F6D47 · #3B213B

Pine and Slate Blue set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FAEFEC): a clean, paper-quiet neutral.
• Celadon Mist (#CDE3D0): A whisper-light, dusty green — the color of new leaves after rain.
• Slate Blue (#6395AE): A luminous, dusty blue — the color of open sky before noon.
• Pine (#2F6D47): A full-bodied, balanced teal — the color of glacier melt.
• Deep Indigo (#3B213B): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

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

• Dusty Cypress Atelier color palette (#F7F0EB, #C5E6E7, #B090AD, #3C7770, #472C3B)
• Cobalt Lagoon color palette (#FCEFE8, #B1D0BD, #4481B5, #005D48, #181C40)
• Hushed Loft color palette (#FAF4EC, #CCE4CE, #4E96A8, #007360, #1E4E63)
• Coral Veranda color palette (#E5F7EB, #57B2C8, #C4727B, #007185, #43161D)
• Teal Dune color palette (#D3E6D6, #50B9A1, #00898A, #00576A, #15304C)
• Mallow Corridor color palette (#E7F7E5, #DEE0F2, #CBB6EC, #598562, #1B362A)
• Pine Atelier color palette (#F8F3F8, #CDE0F5, #5DB0D6, #338F58, #324869)
• Denim Coast color palette (#F7E8E0, #3C98A9, #004E76, #002D1E, #01001E)

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