Pale Pine color palette — #FFF2ED · #8FDADC · #009AC6 · #007838 · #003168

A conversation between Olive and Cerulean, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Ice Blue (#8FDADC): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#009AC6): A luminous, balanced blue — the color of deep harbor water.
• Olive (#007838): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#003168): 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 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

• Dusty Pine color palette (#FDF1FB, #B6FDFF, #00A9D7, #007835, #00244C)
• Feathered Cornflower color palette (#FFF2EA, #94D5F4, #428AF2, #007467, #31246A)
• Cobalt Alley color palette (#F9E9E2, #7DBEC6, #007EAF, #005D39, #071B4A)
• Lagoon Veranda color palette (#FCF3EE, #C5E5E2, #7EAAD0, #1B8F70, #3D456C)
• Glacier Studio color palette (#FFF4E2, #51F3FC, #00BEDE, #009A80, #00384D)
• Antique Station color palette (#D8E2F7, #5782FF, #977F00, #577323, #0A195E)
• Worn Blush color palette (#FFF0FE, #DED0FF, #FF8AB1, #00879C, #2C2C61)
• Washed Summit color palette (#EEE0D8, #639BB1, #0058A4, #003C32, #08002A)

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