Pine Delta color palette — #FAF2F9 · #C5E2ED · #4894B9 · #157447 · #33486B

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

The five colors

• Ivory (#FAF2F9): a clean, paper-quiet neutral.
• Powder Blue (#C5E2ED): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#4894B9): A luminous, balanced blue — the color of open sky before noon.
• Pine (#157447): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#33486B): A full-bodied, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Tempered Cypress Bloom color palette (#FAF3F6, #D9DEEF, #8199C8, #2E7D76, #4B516E)
• Ancient Cobalt Bloom color palette (#FDF1F8, #AACADD, #3E7CB8, #00624F, #33375A)
• Aged Cerulean Drift color palette (#F5F1EB, #C5E6CB, #399BB5, #006E5F, #0E3428)
• Pine Courtyard color palette (#F8F2FF, #B46E98, #4F8C51, #007460, #3E314C)
• Denim Thicket color palette (#EEE1EA, #4C9CB0, #004D7C, #003124, #0A0740)
• Cobalt Study color palette (#F6F3FF, #EBD7DE, #EEC197, #7C7CB5, #524760)
• Aged Thicket color palette (#F0E3E7, #5985AD, #2A2790, #002224, #100021)
• Misty Loft color palette (#F5F3FF, #B88EC0, #4E9C6F, #8E3E9E, #1C4E32)

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