Tempered Loft color palette — #FBF3F1 · #C2EADC · #28B6D7 · #598853 · #2E4F47
Built around Cyan, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Ivory (#FBF3F1): a clean, paper-quiet neutral.
- Honeydew (#C2EADC): A whisper-light, dusty teal — the color of shallow lagoons.
- Cyan (#28B6D7): A luminous, balanced blue — the color of a favorite pair of jeans.
- Fern (#598853): A full-bodied, balanced green — the color of fresh herbs.
- Charcoal (#2E4F47): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Timeworn Periwinkle Station color palette (#FBF3F0, #C9EFD8, #5EACEB, #338C71, #573F50)
- Ancient Canyon color palette (#FBF2F8, #D1D5E7, #6FCBDC, #5D906C, #224359)
- Frosted Atelier color palette (#FCF4E6, #CFB570, #1BB1F6, #9D7C00, #204C3E)
- Cypress Quarry color palette (#EEF8F0, #AAEBE6, #4D97A0, #2C7156, #2C4C5D)
- Petrol Atelier color palette (#F6E5E0, #5AB2B7, #007094, #004E26, #001232)
- Worn Azure color palette (#FFF2EC, #6FDDF2, #0095DC, #007653, #1E2D66)
- Pale Bloom color palette (#EADCD0, #679AB4, #004EBD, #003C36, #0B0026)
- Misty Iris color palette (#FFF3E5, #D09851, #7B91ED, #8F6ABD, #3C3731)
Browse the whole catalog at Explore, or see today's palette.