Pale Pine Lantern color palette — #FFF2EE · #B3FEFE · #00A9D5 · #007830 · #00244B

Olive and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Sea Foam (#B3FEFE): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#00A9D5): A luminous, balanced blue — the color of open sky before noon.
• Olive (#007830): A full-bodied, balanced green — the color of fresh herbs.
• Midnight (#00244B): A deep, shadowed, balanced blue — the color of open sky before noon.

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

Use it as a design system

One click turns Pale Pine 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

• Azure Studio color palette (#FFF2EC, #D6DEF9, #00A4F0, #007652, #0F1C59)
• Washed Coast color palette (#FBF3F1, #BAEBF0, #19B8DC, #417F3E, #00372D)
• Glacier Field color palette (#E8FBEC, #40F5F7, #00BFD8, #009B7A, #00394B)
• Ancient Petrol Boulevard color palette (#FFF0FA, #7CC7C6, #007B92, #005937, #003753)
• Chalky Cornflower Boulevard color palette (#FFF3E3, #F4B428, #478AEF, #8A6300, #001B48)
• Dusty Cerulean color palette (#FFF2ED, #7FDDE4, #0085B1, #00552C, #000B26)
• Muted Powder color palette (#FDF3EE, #C0E4EF, #7CC3F7, #459375, #4E3649)
• Tempered Denim color palette (#F9E9DF, #68AEBF, #00598D, #002D20, #00000B)

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