Teal Lantern color palette — #F9F3F8 · #D0E1F7 · #7CC9E9 · #43AE8B · #304A64

Jade and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F9F3F8): a clean, paper-quiet neutral.
• Frost (#D0E1F7): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#7CC9E9): A luminous, balanced blue — the color of deep harbor water.
• Jade (#43AE8B): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#304A64): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Hushed Lagoon Courtyard color palette (#F5F6ED, #C5E2DC, #4FB5C8, #008D87, #1A4F5E)
• Dusty Market color palette (#E9F8FF, #D6D9E7, #78C8B2, #C9AEAC, #3A5263)
• Powdered Turquoise Study color palette (#E9F8FF, #8DDAE9, #FCA19F, #00B2C9, #633132)
• Indigo Courtyard color palette (#F5E8ED, #87A4C1, #516AD2, #005B69, #0C0026)
• Softworn Garden color palette (#FFF0F9, #A9E4FD, #5AB1FF, #009892, #1A247C)
• Dusty Boulevard color palette (#EAF8FF, #6CCDE9, #F8958A, #CD912D, #173D4E)
• Cobalt Lantern color palette (#F7ECF4, #71BDD0, #008DC9, #006E60, #001134)
• Cerulean Corridor color palette (#FAEFEA, #ACE9EF, #4C98B6, #216D55, #13332C)

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