Lagoon Lagoon color palette — #D9F0F9 · #008A93 · #18446E · #04212A · #000202

Built around Cerulean, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Frost (#D9F0F9): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#008A93): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#18446E): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#04212A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#000202): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Lagoon 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

• Weathered Ridge color palette (#D2ECF7, #007696, #232C62, #181A21, #000810)
• Tempered Pine Workshop color palette (#D8EEED, #009153, #004C51, #002322, #000201)
• Washed Cypress color palette (#D4F1DA, #006E78, #454B56, #002839, #000D03)
• Tempered Cobalt Courtyard color palette (#D5E2F0, #007ADB, #473863, #0A1E33, #000204)
• Ancient Terrace color palette (#C9EAFF, #009DDD, #534F90, #153850, #00090D)
• Turquoise Harbor color palette (#CEEAF7, #00BEDD, #607189, #3B4D55, #111A1B)
• Lilac Field color palette (#EBEFFF, #9E81FF, #675B78, #383B4C, #090E13)
• Tempered Bloom color palette (#F3DDE5, #BCA835, #5A9029, #2F6F6E, #201B00)

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