Sky Lantern color palette — #F5E4F0 · #B8BEFF · #06C4EF · #333D51 · #1F2B31

Built around Cyan, softened by Lavender — the whole palette hums with trust and stability.

The five colors

• Blush (#F5E4F0): A whisper-light, dusty pink — the color of a candy shop window.
• Lavender (#B8BEFF): A luminous, balanced violet — the color of wild irises.
• Cyan (#06C4EF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#333D51): A deep, shadowed, dusty violet — the color of a velvet chair.
• Onyx (#1F2B31): quiet, heavy and certain.

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

Use it as a design system

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

• Sky Courtyard color palette (#CFF4ED, #DEACFF, #75B5FF, #38394D, #1F2731)
• Muted Mint Courtyard color palette (#E4DFFE, #69D2FF, #00D195, #2A4551, #1F2F30)
• Seafoam Delta color palette (#F6E7DE, #C1C5FF, #00DACB, #3B4A38, #21291F)
• Softworn Azure Meadow color palette (#FAD8E6, #AE97FF, #00A3EB, #1E2642, #0C1821)
• Timeworn Cobalt Ridge color palette (#EAF8FF, #48BFE0, #476DB2, #006B82, #1D2530)
• Chalky Balcony color palette (#EAF6FF, #67B4FA, #537BB6, #3C4C82, #4B2663)
• Petrol Station color palette (#EFF6FC, #D8DAE5, #BDBED1, #487B96, #42494D)
• Indigo Pier color palette (#E8F8FF, #00929F, #7064AD, #495A26, #1E3740)

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