Cobalt Loft color palette — #F9ECE4 · #86D1E7 · #008BE3 · #006E57 · #252A4E
Azure takes the lead with Pine close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F9ECE4): a clean, paper-quiet neutral.
- Sky (#86D1E7): A luminous, balanced blue — the color of deep harbor water.
- Azure (#008BE3): A luminous, vivid blue — the color of deep harbor water.
- Pine (#006E57): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#252A4E): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns 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
- Pine Workshop color palette (#F8EBE8, #92D2CF, #0095B6, #00721D, #0F2F4E)
- Periwinkle Canyon color palette (#FCF3ED, #B2E1CC, #5D95E9, #007D70, #4E2F41)
- Wandering Azure Lantern color palette (#FCF2F8, #C8ECFF, #439AD5, #006B61, #0C1C3F)
- Faded Drift color palette (#F2E6DA, #7DB9E2, #4063F1, #005957, #23163D)
- Timeworn Petrol color palette (#E7F2E9, #7EBCD0, #00719D, #004F50, #062F53)
- Timeworn Teal Atelier color palette (#DFF6EA, #00B3B0, #007F94, #005285, #1D2B5F)
- Bronze Garden color palette (#D2E8D6, #0098A6, #A46D00, #676700, #002529)
- Sky Delta color palette (#C7E6FF, #48B3F5, #0081AF, #004764, #00172B)
Browse the whole catalog at Explore, or see today's palette.