Tempered Loft color palette — #FAF2F8 · #BFE3F0 · #4396B3 · #1A7256 · #2C4A66
A conversation between Pine and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FAF2F8): bright and airy, almost weightless.
- Powder Blue (#BFE3F0): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#4396B3): A luminous, balanced blue — the color of open sky before noon.
- Pine (#1A7256): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#2C4A66): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Tempered Ash color palette (#FBF2F6, #D9DEEF, #7E9BC3, #40797B, #48526A)
- Hushed Cypress Parlor color palette (#F2F3EA, #C1DFD8, #4E9AA7, #006D67, #00323E)
- Aged Aqua color palette (#FBF3F0, #C3EBE2, #72CBEC, #5DAA8B, #235146)
- Denim Summit color palette (#F0E1EB, #5E9AA7, #005072, #003128, #001232)
- Frosted Cobalt color palette (#E5FCEC, #B49D5D, #638AC9, #7C6200, #2C4362)
- Worn Drift color palette (#FFF0F8, #63C6E9, #0072B8, #005651, #192B6D)
- Seafoam Loft color palette (#EAFAEE, #C0EAEE, #98DBC1, #956D84, #345143)
- Timeworn Bronze color palette (#EAFAEC, #85B39D, #876F3E, #6E4729, #28433C)
Browse the whole catalog at Explore, or see today's palette.