Cobalt Loft color palette — #EFF7D5 · #3BB35E · #0087DF · #006E2E · #00223E
Built around Azure, softened by Clover — the whole palette hums with nature and growth.
The five colors
- Custard (#EFF7D5): A whisper-light, dusty green — the color of a quiet forest floor.
- Clover (#3BB35E): A luminous, vivid green — the color of a quiet forest floor.
- Azure (#0087DF): A luminous, vivid blue — the color of open sky before noon.
- Pine (#006E2E): A full-bodied, balanced green — the color of new leaves after rain.
- Midnight (#00223E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
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
- Aged Station color palette (#E2EED8, #37A689, #6076C4, #00644F, #0F1741)
- Frosted Moss color palette (#F8F3D2, #8AA534, #0092AE, #516400, #00252E)
- Patina Mint color palette (#DDFCFC, #00CE82, #469DFF, #008E58, #123B68)
- Chalky Emerald color palette (#E0EAC3, #009D4F, #00829C, #7B5C00, #001F0A)
- Dusty Petrol Station color palette (#E9F5EF, #82BDD5, #8CA764, #007D9F, #293711)
- Patina Cabin color palette (#CEFFE7, #44C597, #008560, #00422C, #00160C)
- Timeworn Amber color palette (#E9F6E7, #50B6B3, #A78B1D, #007471, #312600)
- Soft Byzantium Hollow color palette (#E2F1E9, #0095B6, #AD00D3, #005569, #260031)
Browse the whole catalog at Explore, or see today's palette.