Tempered Cobalt Loft color palette — #F8EFF2 · #A7CCEB · #4F7BC5 · #005A60 · #161E3B

Azure and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F8EFF2): bright and airy, almost weightless.
• Sky (#A7CCEB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Azure (#4F7BC5): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#005A60): A full-bodied, dusty blue — the color of open sky before noon.
• Midnight (#161E3B): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Tempered Cobalt 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 Cerulean Lantern color palette (#F8EFF5, #94D5D6, #008AA6, #005E3E, #002339)
• Weathered Cobalt color palette (#E8F9F9, #9CCBEF, #3E7CB8, #105B75, #243C59)
• Hushed Orchard color palette (#F3F7ED, #C0E0F4, #56ABFD, #007A9E, #182E4F)
• Aged Cerulean color palette (#F3E1ED, #3499AB, #005070, #002D24, #000411)
• Aged Bronze Quarry color palette (#EAD9E0, #B76300, #0078A3, #4E509E, #230A16)
• Patina Balcony color palette (#DFEEDD, #C0822F, #0087B4, #774A00, #00202D)
• Linen Nightshade Corridor color palette (#F7EAEE, #4C7DA6, #130FAE, #001F23, #010009)
• Aged Chestnut Boulevard color palette (#EDDBE2, #B09460, #91530F, #622C1F, #051D13)

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