Pine Loft color palette — #FDF0FF · #8ADBD9 · #009BBF · #007923 · #00345F

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

The five colors

• Blush (#FDF0FF): A whisper-light, dusty pink — the color of peonies in June.
• Ice Blue (#8ADBD9): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#009BBF): A luminous, balanced blue — the color of deep harbor water.
• Olive (#007923): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#00345F): 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 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 Cornflower Garden color palette (#FFF0FA, #90D7EE, #1A90ED, #00755E, #27276D)
• Feathered Pine Alley color palette (#FFF2EE, #B2FFFB, #00ABCF, #09791A, #002645)
• Forest Alley color palette (#E9DAE9, #7CBFC1, #0080A6, #005D2C, #001E46)
• Hushed Archive color palette (#EEF8F0, #89EEEA, #00C0D3, #009C74, #003948)
• Tempered Courtyard color palette (#FEF1F5, #B8D8F8, #8691CA, #007B80, #423158)
• Misty Loft color palette (#E3EAF7, #4086FF, #A17A00, #646F14, #032053)
• Wandering Blush color palette (#E9F4FF, #D5CDFF, #FD8BBE, #0095A4, #2C2D5F)
• Lagoon Veranda color palette (#F9F3F8, #D5D5E9, #90B7D3, #619375, #465366)

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