Cobalt Lagoon color palette — #F9F3F9 · #E8D8D7 · #D9BCB0 · #4A76B9 · #261926
A conversation between Slate and Stone, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F9F3F9): bright and airy, almost weightless.
- Bone (#E8D8D7): a clean, paper-quiet neutral.
- Stone (#D9BCB0): A luminous, dusty orange — the color of autumn markets.
- Slate (#4A76B9): A full-bodied, balanced blue — the color of deep harbor water.
- Onyx (#261926): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Cobalt Lagoon 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
- Cerulean Loft color palette (#F0F7F2, #CFE1E3, #E3C2C4, #008596, #152219)
- Denim Veranda color palette (#FDF1F8, #E7D5D1, #D2B2AE, #555799, #170612)
- Patina Iris color palette (#FAF3F8, #E3D8D6, #A2B1A1, #7387C2, #372934)
- Orchid Grove color palette (#FEF1F5, #E3D9D2, #B1CEDD, #9F5BC3, #321E24)
- Hushed Veranda color palette (#EAEFF5, #C7CBDE, #A49ABA, #265492, #242F3C)
- Violet Workshop color palette (#FFD9EC, #7A5AD8, #391530, #221513, #0C0006)
- Tempered Pine Thicket color palette (#FFF3E5, #BEC083, #518550, #664265, #1F1800)
- Dusty Archive color palette (#E9F8FF, #B0B2E2, #A37287, #2A6149, #003724)
Browse the whole catalog at Explore, or see today's palette.