Pine Chapel color palette — #FAF2FA · #CCDBF4 · #60B2D4 · #3D7F51 · #172F4B

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

The five colors

• Ivory (#FAF2FA): a clean, paper-quiet neutral.
• Powder Blue (#CCDBF4): A whisper-light, dusty violet — the color of wild irises.
• Cyan (#60B2D4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#3D7F51): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#172F4B): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Washed Courtyard color palette (#FEF1F6, #D7D4DF, #83A3F2, #117F7B, #312749)
• Soft Bronze color palette (#EFF6FF, #8FB9FF, #968500, #547C2B, #0E1C2E)
• Tempered Lagoon color palette (#F6F6EA, #C8EBCB, #6BC1CD, #20A094, #00424F)
• Washed Cerulean Grove color palette (#E8F5F2, #AACEDA, #008C9A, #005C55, #00252E)
• Hushed Lantern color palette (#E9DFE7, #2CB6C2, #005C7E, #002D17, #000107)
• Weathered Powder color palette (#F9F3F9, #D2D5E5, #B8B8E7, #789D7B, #3E4F62)
• Ultramarine Drift color palette (#FDE7F2, #5BC4F6, #3063BB, #003E39, #030011)
• Timeworn Courtyard color palette (#FFF0FB, #81DCEA, #0084BA, #005435, #000433)

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