Tempered Loft color palette — #F3E8F2 · #699BAC · #006182 · #003E1F · #00071F

Peacock takes the lead with Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F3E8F2): a clean, paper-quiet neutral.
• Slate Blue (#699BAC): A luminous, dusty blue — the color of a favorite pair of jeans.
• Peacock (#006182): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#003E1F): A deep, shadowed, balanced teal — the color of sea glass.
• Ink (#00071F): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, 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

• Ultramarine Field color palette (#EEDDE6, #7098B2, #0053B3, #003C35, #0A0028)
• Worn Turquoise color palette (#EFE1DC, #53B3B8, #005D7B, #002E13, #000105)
• Softworn Lagoon Ridge color palette (#EFE8DD, #2C9096, #004451, #00231C, #000B13)
• Tempered Summit color palette (#E4F0E6, #5CB0B5, #008299, #005F4F, #000B13)
• Soft Indigo Cabin color palette (#E7DADE, #97B5D0, #5268D6, #005959, #29054D)
• Dusty Basin color palette (#F5EBF1, #98CEE2, #4689D0, #006E5B, #272658)
• Washed Mulberry color palette (#E5E0F4, #862C82, #005D33, #00413C, #050005)
• Tempered Summit color palette (#F8F3F8, #CDDFF2, #61B1CE, #4E8A59, #314A64)

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