Pale Pine color palette — #EBE0EC · #56D7D1 · #00A2C4 · #348036 · #00203C

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

The five colors

• Blush (#EBE0EC): a clean, paper-quiet neutral.
• Aqua (#56D7D1): A luminous, balanced teal — the color of shallow lagoons.
• Cerulean (#00A2C4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive (#348036): A full-bodied, balanced green — the color of fresh herbs.
• Midnight (#00203C): A deep, shadowed, dusty 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

• Azure Study color palette (#EFE2EA, #74CFE8, #3B98E3, #008064, #151946)
• Tempered Teal color palette (#F7EFE1, #40C8C2, #008490, #005C42, #00242E)
• Hushed Periwinkle color palette (#FFF0F8, #9DE6FF, #5FB0FF, #009A7F, #29286A)
• Cornflower Veranda color palette (#E1EDFE, #288AFD, #A17E00, #627418, #00112B)
• Aged Denim Loft color palette (#F0E4DD, #60ABA8, #006373, #003C1F, #000C16)
• Pale Mallow Market color palette (#D7ECFF, #D2C0FF, #ED99C5, #009EAE, #172744)
• Quiet Indigo color palette (#F8E5EB, #73A6D1, #5B6CC3, #005D5F, #0F0022)
• Hushed Courtyard color palette (#FAF2F9, #CEE4FD, #8BC7E5, #6BA881, #364962)

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