Cobalt Loft color palette — #F3EEE6 · #A5D0BB · #338EC8 · #006B70 · #042C5D
A conversation between Cerulean and Navy, giving this palette its sense of trust and stability.
The five colors
- Cream (#F3EEE6): a clean, paper-quiet neutral.
- Pistachio (#A5D0BB): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#338EC8): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#006B70): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#042C5D): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
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
- Timeworn Azure color palette (#F9F4ED, #BADED0, #6499D3, #00798B, #2A3960)
- Dusty Garden color palette (#ECF9EE, #CDE2FF, #2E9BDD, #00696E, #031E3F)
- Gentle Courtyard color palette (#F2EADC, #8CBDB0, #4370CC, #00566C, #181748)
- Washed Petrol Villa color palette (#EBE3D7, #6CAEB9, #00718F, #004B44, #001625)
- Powdered Ultramarine Quarry color palette (#F2EBE1, #7297B5, #0052B6, #003A46, #04002D)
- Violet Boulevard color palette (#FAE9F0, #916ED7, #B66000, #007B68, #241342)
- Washed Cerulean Veranda color palette (#F9F4EE, #CCE6E7, #8DB6DC, #3E94A0, #5F4B5D)
- Cobalt Studio color palette (#FFEDF4, #EDCCF1, #DF98B6, #6170BF, #462430)
Browse the whole catalog at Explore, or see today's palette.