Pine Summit color palette — #F5F0F5 · #D1DDED · #7CA1BF · #257D58 · #2A374A
Built around Teal, softened by Blue Fog — the whole palette hums with sophistication.
The five colors
- Ivory (#F5F0F5): a clean, paper-quiet neutral.
- Silver (#D1DDED): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Blue Fog (#7CA1BF): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#257D58): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#2A374A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Sophistication. Tagged coastal, cool, light, muted.
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
- Tempered Turquoise Market color palette (#F1F7F2, #D1E0F3, #59A5BC, #2F7E70, #435563)
- Tempered Cerulean Corridor color palette (#EBF2FF, #DED5E1, #BCAB9E, #5F9CB4, #313547)
- Muted Bronze Thicket color palette (#EDF1FF, #9794D0, #A98840, #967217, #20263B)
- Hushed Summit color palette (#F0E8F0, #6BA8AC, #006180, #003C1C, #000921)
- Ancient Navy color palette (#F7ECF4, #4B8290, #003E67, #002017, #01000B)
- Softworn Hollow color palette (#F9EEF4, #A2D9F1, #3983DE, #006356, #221757)
- Washed Sapphire color palette (#F2E5EA, #98B8D0, #4065BE, #004C48, #1B033F)
- Softworn Delta color palette (#DBF4FF, #8BC1DC, #5E80BB, #594F93, #383754)
Browse the whole catalog at Explore, or see today's palette.