Tempered Veranda color palette — #FAF3F8 · #A4CCDC · #2082AF · #00633D · #243963
Cerulean and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FAF3F8): a clean, paper-quiet neutral.
- Sky (#A4CCDC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#2082AF): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#00633D): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#243963): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Veranda 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
- Cobalt Meadow color palette (#F1F7F0, #B2C7DD, #6771B8, #005F63, #433058)
- Muted Cerulean Studio color palette (#F6F1E9, #B1D1B8, #0089A9, #005C52, #00281D)
- Ancient Azure Dune color palette (#F1F7F2, #AFDCEF, #00A5CB, #007D70, #113F58)
- Linen Cobalt Canyon color palette (#E2F4E8, #A08D42, #5072D0, #675500, #1F3166)
- Antique Coast color palette (#EEE1EA, #4F8A98, #004065, #002318, #03002D)
- Ancient Veranda color palette (#F1E6ED, #6AA9BB, #005B94, #004030, #131254)
- Bronze Lantern color palette (#E3FDE9, #AEE4D7, #51BEC0, #A35746, #224D3D)
- Dusty Sky Balcony color palette (#FCF3EF, #C6EBCD, #6BBCE8, #5B9C77, #4B2F49)
Browse the whole catalog at Explore, or see today's palette.