Pine Cabin color palette — #F9F3F9 · #B6DCE8 · #55A0C1 · #317D4D · #223B5E

Built around Olive, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Powder Blue (#B6DCE8): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#55A0C1): A luminous, balanced blue — the color of open sky before noon.
• Olive (#317D4D): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#223B5E): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Iris Bloom color palette (#FBF2F5, #B4D9F9, #7D92D4, #007C7B, #40315B)
• Muted Drift color palette (#FEF2EE, #BDECF6, #46B3E1, #368051, #3C253C)
• Antique Aqua color palette (#F1F7F2, #B7EAFB, #17C6E7, #1FA189, #114054)
• Timeworn Bloom color palette (#F9F4EE, #AFCEB3, #00869E, #006151, #004058)
• Softworn Lagoon Lagoon color palette (#F9F3F9, #D3D6EB, #92B7CE, #689270, #40546B)
• Airy Pine color palette (#D6F6F2, #73BC74, #C77ECA, #2B7E31, #4A244C)
• Soft Market color palette (#F7EAF3, #70BFCD, #007DB5, #005C3E, #0B194B)
• Quiet Harbor color palette (#F1E0EE, #47A1AE, #005F88, #003E26, #00002F)

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