Lagoon Harbor color palette — #F0F8F0 · #CCE2E4 · #F1CAD0 · #009094 · #18291A

Cerulean and Oat set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F0F8F0): a clean, paper-quiet neutral.
• Silver (#CCE2E4): A whisper-light, dusty blue — the color of open sky before noon.
• Oat (#F1CAD0): A whisper-light, dusty red — the color of embers at dusk.
• Cerulean (#009094): A full-bodied, balanced teal — the color of sea glass.
• Onyx (#18291A): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Lagoon Harbor 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 Canyon color palette (#EDF8F3, #E7D3CE, #BABEAF, #459DC4, #233B31)
• Softworn Emerald Veranda color palette (#F4F7EC, #CDE4DC, #AACDCD, #00974D, #222809)
• Ancient Study color palette (#ECF4ED, #C6D9CF, #86B7AA, #006871, #0D1F12)
• Cerulean Courtyard color palette (#D0F9E7, #0089B9, #232454, #232B30, #000910)
• Feathered Lagoon color palette (#FFF4E0, #ADD275, #009563, #00627A, #172300)
• Patina Cypress Coast color palette (#EAF8FC, #C3D5E4, #94A7CD, #00676A, #163842)
• Sapphire Bloom color palette (#FFF2EA, #00C3BE, #4367DD, #6B3600, #001C24)
• Timeworn Abyss Archive color palette (#D8E1DC, #C4B5C4, #A58895, #004353, #000201)

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