Sky Lagoon color palette — #DAF0F0 · #FFA979 · #76B9FF · #203954 · #151F2A

Built around Sky, softened by Melon — the whole palette hums with trust and stability.

The five colors

• Frost (#DAF0F0): A whisper-light, dusty teal — the color of shallow lagoons.
• Melon (#FFA979): A luminous, balanced orange — the color of sun-warmed clay.
• Sky (#76B9FF): A luminous, balanced blue — the color of open sky before noon.
• Navy (#203954): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#151F2A): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged neon, dark, vibrant, muted.

Use it as a design system

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

• Hazy Marigold color palette (#D4E6E3, #FDA43C, #B39BFF, #2F3248, #161926)
• Linen Garden color palette (#C7E9F0, #E7B100, #00BDD5, #1B384D, #0F242D)
• Orchid Grove color palette (#DDE5D4, #A1BCFF, #AC6DE9, #322144, #15142D)
• Tempered Cornflower Canyon color palette (#E9E2D3, #00CFE0, #6483E9, #1E2A40, #0B121D)
• Aged Corridor color palette (#D2EEE0, #BED400, #85C3FF, #2C577E, #002A23)
• Airy Seafoam color palette (#F3EBDB, #00F2AB, #AB8CE9, #3F3359, #1D1F2D)
• Indigo Grove color palette (#EBE9D9, #0BB3F0, #725DE8, #181437, #040611)
• Dusty Peony color palette (#F6F4FC, #EFD4E1, #D7B9BE, #AE6AA5, #413D4A)

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