Quiet Lantern color palette — #F1F9E1 · #82E4AD · #8DC1FF · #67B187 · #523754

Lagoon and Sky set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F1F9E1): A whisper-light, dusty green — the color of new leaves after rain.
• Lagoon (#82E4AD): A whisper-light, balanced teal — the color of sea glass.
• Sky (#8DC1FF): A luminous, balanced blue — the color of deep harbor water.
• Jade (#67B187): A luminous, balanced teal — the color of glacier melt.
• Charcoal (#523754): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged light.

Use it as a design system

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

• Chartreuse Pier color palette (#F6F7E4, #A3E07E, #61CBFF, #83AD69, #1A485E)
• Chalky Seafoam color palette (#E6FAF8, #9FE9B0, #DDA5D7, #559C68, #4A2C47)
• Hushed Station color palette (#EFF8EC, #72EED8, #E2C284, #64BBAB, #514C46)
• Aged Wisteria Station color palette (#DEFFE6, #14DDF3, #CC9DFF, #00ABBB, #482965)
• Frosted Mint Quarry color palette (#F3F8E3, #72D081, #D289BD, #54905D, #5D3539)
• Mint Grove color palette (#EBFDD5, #8BF1CA, #5DC399, #4C9071, #003B2A)
• Lilac Alley color palette (#EFF4E6, #6FB592, #AB76B9, #007750, #361A3D)
• Quiet Corridor color palette (#FBF5E4, #DBCF69, #FB9EB5, #ABA14B, #5B3832)

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