Pine Summit color palette — #FFF2EE · #67E0E4 · #009AC5 · #007837 · #003167
Built around Olive, softened by Cerulean — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Ice Blue (#67E0E4): A whisper-light, balanced teal — the color of glacier melt.
- Cerulean (#009AC5): A luminous, balanced blue — the color of deep harbor water.
- Olive (#007837): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#003167): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Pine Summit 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
- Patina Boulevard color palette (#FFF2EE, #BDDFBC, #4BA2BE, #3F7C45, #1D3C5C)
- Cornflower Market color palette (#FFF2EA, #90D6F1, #148DF8, #007461, #2B2372)
- Cobalt Cabin color palette (#F9E7E0, #7DBEC4, #007FAB, #005D33, #001B4C)
- Tempered Turquoise Canyon color palette (#FCF4E8, #79EFF3, #00BFDB, #009B7D, #00394C)
- Powder Canyon color palette (#FBF3F0, #C2E1E9, #89B8D6, #639279, #614A5D)
- Chalky Loft color palette (#FFDBD3, #FF5C85, #009CB9, #C10050, #00343F)
- Worn Alley color palette (#FEEBDF, #5A9DB0, #005C97, #003D2E, #05002C)
- Aged Lagoon color palette (#FDECE9, #FC2E2F, #0090A4, #2F6E99, #4A0204)
Browse the whole catalog at Explore, or see today's palette.