Pine Loft color palette — #FCF3F1 · #C4DCC2 · #15A5C9 · #15822A · #1F3D5A

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

The five colors

• Ivory (#FCF3F1): bright and airy, almost weightless.
• Celadon Mist (#C4DCC2): A whisper-light, dusty green — the color of new leaves after rain.
• Cyan (#15A5C9): A luminous, balanced blue — the color of deep harbor water.
• Olive (#15822A): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#1F3D5A): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Antique Azure color palette (#FCF3EE, #BCDECC, #6798D4, #007E6C, #36365A)
• Worn Aqua color palette (#FBF4EA, #CCEAC9, #56C4D1, #569C80, #024252)
• Antique Lagoon color palette (#F9F4EF, #CEE5E8, #A3AEDD, #31979A, #694755)
• Linen Amber Villa color palette (#FADAED, #8A8CD8, #C87000, #896D00, #272749)
• Airy Cornflower Study color palette (#FFF3E9, #A0D2F2, #5484FA, #00736D, #391B70)
• Tempered Chapel color palette (#FEF0FF, #FAD0CB, #F7B2CE, #00A0AB, #563347)
• Tempered Cobalt color palette (#FCEBE6, #97BC9F, #007EAE, #005D38, #061B4A)
• Soft Ultramarine color palette (#ECDED6, #6BACC4, #0066BC, #004B3F, #110143)

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