Tempered Loft color palette — #F3F7EC · #BFEBDC · #6CB7FF · #2399C1 · #4A304A
Built around Cornflower, softened by Cerulean — the whole palette hums with trust and stability.
The five colors
- Ivory (#F3F7EC): a clean, paper-quiet neutral.
- Honeydew (#BFEBDC): A whisper-light, dusty teal — the color of shallow lagoons.
- Cornflower (#6CB7FF): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#2399C1): A luminous, balanced blue — the color of deep harbor water.
- Charcoal (#4A304A): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, Calm, Balance. 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 Sky color palette (#F4F6ED, #C1ECD5, #58BFED, #189DAD, #1A4337)
- Misty Canyon color palette (#CFEFFC, #4AC9FE, #00A0E5, #0079BA, #173D60)
- Timeworn Periwinkle color palette (#FFF0FE, #DFD8ED, #DABBE4, #76AFE2, #483546)
- Iris Workshop color palette (#FAF4EE, #AFDBF9, #5F93EF, #007B83, #4E2F43)
- Aged Delta color palette (#F4F6F0, #C9E7E9, #99CDF9, #74ABBF, #5E4B60)
- Timeworn Fuchsia color palette (#F6DAF4, #80AEFF, #DD79DC, #06ABAC, #3A2138)
- Feathered Clover color palette (#DAF6ED, #7DC7FF, #66CB6A, #0099E8, #193F1B)
- Powdered Sapphire Harbor color palette (#E4EADA, #6EA6D8, #0071DD, #00587A, #00032B)
Browse the whole catalog at Explore, or see today's palette.