Tempered Loft color palette — #FAF2FA · #A3F7F8 · #00A0CC · #006F30 · #061E3B
Pine takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FAF2FA): a clean, paper-quiet neutral.
- Sea Foam (#A3F7F8): A whisper-light, balanced teal — the color of shallow lagoons.
- Cerulean (#00A0CC): A luminous, balanced blue — the color of open sky before noon.
- Pine (#006F30): A full-bodied, balanced green — the color of fresh herbs.
- Midnight (#061E3B): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Cornflower Courtyard color palette (#FDF1F7, #C6ECFF, #4A91F5, #006B5F, #1D183B)
- Softworn Sky Loft color palette (#FAF3F8, #D5D4E2, #57B0E4, #178258, #1E2E48)
- Feathered Cobalt color palette (#FEF1F9, #8CD9EE, #0080C9, #00533F, #060134)
- Muted Petrol color palette (#FAEBE3, #79BFC0, #00748C, #005335, #00314D)
- Denim Atelier color palette (#F6E9F2, #61AFC0, #005A89, #002D1E, #00000B)
- Airy Lapis color palette (#FAE9EF, #75BFF3, #354CEE, #003E3D, #04000F)
- Aged Mint Hollow color palette (#DCFFE9, #70DF9A, #00925C, #00401A, #000401)
- Weathered Boulevard color palette (#DBFEF9, #6DD46B, #C156DE, #0E6F14, #280531)
Browse the whole catalog at Explore, or see today's palette.