Tempered Loft color palette — #FAE6DF · #458489 · #00415A · #00210F · #000107

Built around Deep Teal, softened by Storm Blue — the whole palette hums with nature and growth.

The five colors

• Rose Water (#FAE6DF): A whisper-light, dusty orange — the color of autumn markets.
• Storm Blue (#458489): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Teal (#00415A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#00210F): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#000107): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Timeworn Navy Lagoon color palette (#F3E7DD, #4181A0, #00318C, #00201C, #010009)
• Tempered Workshop color palette (#D8E3DA, #5BB2B8, #005F71, #002C24, #000103)
• Tempered Mulberry color palette (#EEDCEB, #9877B5, #9F3D56, #00343C, #01000B)
• Weathered Nightshade Drift color palette (#EFE1D3, #6EA2CD, #3D4BAD, #00393A, #110025)
• Worn Meadow color palette (#F0E7E1, #86BDD1, #366EA8, #004D3F, #110D38)
• Deep Navy color palette (#CDE8EE, #005677, #001578, #130042, #020006)
• Navy Parlor color palette (#E5E8F9, #5C50B6, #1C0089, #060028, #010009)
• Misty Cobalt color palette (#FFEEE6, #8FDEF0, #1D8ACC, #006549, #151F50)

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